From c041b8f619957d4058c42cca894409418fde54f6 Mon Sep 17 00:00:00 2001
From: usodhi <61431818+usodhi@users.noreply.github.com>
Date: Mon, 27 Jul 2020 11:43:38 +0530
Subject: css changes

---
 src/client/util/GroupMemberView.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

(limited to 'src/client/util/GroupMemberView.tsx')

diff --git a/src/client/util/GroupMemberView.tsx b/src/client/util/GroupMemberView.tsx
index f20670c4e..531ef988a 100644
--- a/src/client/util/GroupMemberView.tsx
+++ b/src/client/util/GroupMemberView.tsx
@@ -29,13 +29,17 @@ export default class GroupMemberView extends React.Component<GroupMemberViewProp
 
         const options: UserOptions[] = this.props.group ? GroupManager.Instance.options.filter(option => !(JSON.parse(StrCast(this.props.group.members)) as string[]).includes(option.value)) : [];
 
+        const hasEditAccess = GroupManager.Instance.hasEditAccess(this.props.group);
+
         return (!this.props.group ? null :
             <div className="editing-interface">
                 <div className="editing-header">
                     <input
                         className="group-title"
+                        style={{ marginLeft: !hasEditAccess ? "-14%" : 0 }}
                         value={StrCast(this.props.group.groupName)}
                         onChange={e => this.props.group.groupName = e.currentTarget.value}
+                        disabled={!hasEditAccess}
                     >
                     </input>
                     <div className={"memberView-closeButton"} onClick={action(this.props.onCloseButtonClick)}>
@@ -65,12 +69,15 @@ export default class GroupMemberView extends React.Component<GroupMemberViewProp
                         null}
                     <div
                         className="sort-emails"
+                        style={{ paddingTop: hasEditAccess ? 0 : 35 }}
                         onClick={action(() => this.memberSort = this.memberSort === "ascending" ? "descending" : this.memberSort === "descending" ? "none" : "ascending")}>
                         Emails {this.memberSort === "ascending" ? "↑" : this.memberSort === "descending" ? "↓" : ""} {/* → */}
                     </div>
                 </div>
                 <hr />
-                <div className="editing-contents">
+                <div className="editing-contents"
+                    style={{ height: hasEditAccess ? "62%" : "85%" }}
+                >
                     {members.map(member => (
                         <div
                             className="editing-row"
@@ -79,7 +86,7 @@ export default class GroupMemberView extends React.Component<GroupMemberViewProp
                             <div className="user-email">
                                 {member}
                             </div>
-                            {GroupManager.Instance.hasEditAccess(this.props.group) ?
+                            {hasEditAccess ?
                                 <div className={"remove-button"} onClick={() => GroupManager.Instance.removeMemberFromGroup(this.props.group, member)}>
                                     <FontAwesomeIcon icon={fa.faTrashAlt} size={"sm"} />
                                 </div>
-- 
cgit v1.2.3-70-g09d2

