css changes

4 files changed, 18 insertions, 5 deletions

diff --git a/src/client/util/GroupMemberView.scss b/src/client/util/GroupMemberView.scss
index c609c5c7b..2fc27ed03 100644
--- a/src/client/util/GroupMemberView.scss
+++ b/src/client/util/GroupMemberView.scss
@@ -41,6 +41,7 @@
             margin-top: -5;
             height: 20;
             text-overflow: ellipsis;
+            background: none;
 
             &:hover {
                 text-overflow: visible;
@@ -72,7 +73,7 @@
 
     .editing-contents {
         overflow-y: auto;
-        height: 65%;
+        height: 62%;
         width: 100%;
         color: black;
         margin-top: -15px;
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>
diff --git a/src/client/util/SharingManager.scss b/src/client/util/SharingManager.scss
index 130785672..d71ff0cf6 100644
--- a/src/client/util/SharingManager.scss
+++ b/src/client/util/SharingManager.scss
@@ -1,6 +1,6 @@
 .sharing-interface {
     width: 600px;
-    height: 360px;
+    // height: 360px;
 
     .overlay {
         transform: translate(-20px, -20px);
diff --git a/src/client/util/SharingManager.tsx b/src/client/util/SharingManager.tsx
index 452a58d21..9fbdfa8e5 100644
--- a/src/client/util/SharingManager.tsx
+++ b/src/client/util/SharingManager.tsx
@@ -294,7 +294,7 @@ export default class SharingManager extends React.Component<{}> {
 
             const { left, width, top, height } = this.shareDocumentButtonRef.current!.getBoundingClientRect();
             TaskCompletionBox.popupX = left - 1.5 * width;
-            TaskCompletionBox.popupY = top - height;
+            TaskCompletionBox.popupY = top - 1.5 * height;
             TaskCompletionBox.textDisplayed = "Document shared!";
             TaskCompletionBox.taskCompleted = true;
             setTimeout(action(() => TaskCompletionBox.taskCompleted = false), 2000);
@@ -460,6 +460,11 @@ export default class SharingManager extends React.Component<{}> {
                                 options={options}
                                 onChange={this.handleUsersChange}
                                 value={this.selectedUsers}
+                                styles={{
+                                    indicatorSeparator: () => ({
+                                        visibility: "hidden"
+                                    })
+                                }}
                             />
                             <select className="permissions-select" onChange={this.handlePermissionsChange}>
                                 {this.sharingOptions}