From 8432d0148805859ddfb6ca537bb49c092787c398 Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@loki.network>
Date: Wed, 8 Jul 2020 15:46:37 +1000
Subject: [PATCH] minor ui improvements (button color and place)

---
 stylesheets/_session.scss                              |  2 +-
 ts/components/conversation/InviteContactsDialog.tsx    |  3 ++-
 .../conversation/UpdateGroupMembersDialog.tsx          |  9 ++++++---
 ts/components/conversation/UpdateGroupNameDialog.tsx   | 10 +++++++---
 4 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/stylesheets/_session.scss b/stylesheets/_session.scss
index 49e979638..79fcac46e 100644
--- a/stylesheets/_session.scss
+++ b/stylesheets/_session.scss
@@ -685,7 +685,7 @@ label {
   padding-left: 10px;
 }
 
-.create-group-dialog .session-modal__body {
+.session-modal__body {
   display: flex;
   flex-direction: column;
 
diff --git a/ts/components/conversation/InviteContactsDialog.tsx b/ts/components/conversation/InviteContactsDialog.tsx
index c77d044b9..417ae66e0 100644
--- a/ts/components/conversation/InviteContactsDialog.tsx
+++ b/ts/components/conversation/InviteContactsDialog.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { SessionModal } from '../session/SessionModal';
-import { SessionButton } from '../session/SessionButton';
+import { SessionButton, SessionButtonColor } from '../session/SessionButton';
 import {
   ContactType,
   SessionMemberListItem,
@@ -87,6 +87,7 @@ export class InviteContactsDialog extends React.Component<Props, State> {
             text={okText}
             disabled={!hasContacts}
             onClick={this.onClickOK}
+            buttonColor={SessionButtonColor.Green}
           />
         </div>
       </SessionModal>
diff --git a/ts/components/conversation/UpdateGroupMembersDialog.tsx b/ts/components/conversation/UpdateGroupMembersDialog.tsx
index ca9e05e5e..374a8564e 100644
--- a/ts/components/conversation/UpdateGroupMembersDialog.tsx
+++ b/ts/components/conversation/UpdateGroupMembersDialog.tsx
@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import { Contact } from './MemberList';
 
 import { SessionModal } from '../session/SessionModal';
-import { SessionButton } from '../session/SessionButton';
+import { SessionButton, SessionButtonColor } from '../session/SessionButton';
 import {
   ContactType,
   SessionMemberListItem,
@@ -136,9 +136,12 @@ export class UpdateGroupMembersDialog extends React.Component<Props, State> {
         <div className="spacer-lg" />
 
         <div className="session-modal__button-group">
-          <SessionButton text={okText} onClick={this.onClickOK} />
-
           <SessionButton text={cancelText} onClick={this.closeDialog} />
+          <SessionButton
+            text={okText}
+            onClick={this.onClickOK}
+            buttonColor={SessionButtonColor.Green}
+          />
         </div>
       </SessionModal>
     );
diff --git a/ts/components/conversation/UpdateGroupNameDialog.tsx b/ts/components/conversation/UpdateGroupNameDialog.tsx
index facdef321..4b8c8c235 100644
--- a/ts/components/conversation/UpdateGroupNameDialog.tsx
+++ b/ts/components/conversation/UpdateGroupNameDialog.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 
 import { SessionModal } from '../session/SessionModal';
-import { SessionButton } from '../session/SessionButton';
+import { SessionButton, SessionButtonColor } from '../session/SessionButton';
 import { Avatar } from '../Avatar';
 
 interface Props {
@@ -106,9 +106,13 @@ export class UpdateGroupNameDialog extends React.Component<Props, State> {
         />
 
         <div className="session-modal__button-group">
-          <SessionButton text={okText} onClick={this.onClickOK} />
-
           <SessionButton text={cancelText} onClick={this.closeDialog} />
+
+          <SessionButton
+            text={okText}
+            onClick={this.onClickOK}
+            buttonColor={SessionButtonColor.Green}
+          />
         </div>
       </SessionModal>
     );