1 files changed, 84 insertions, 12 deletions

diff --git a/src/client/util/SharingManager.scss b/src/client/util/SharingManager.scss
index 80d5807b4..d942550ca 100644
--- a/src/client/util/SharingManager.scss
+++ b/src/client/util/SharingManager.scss
@@ -206,7 +206,7 @@
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
-        width: 100%;
+        width: 265px;
         text-align: left;
         font-style: normal;
         font-size: 14;
@@ -214,33 +214,105 @@
         padding: 0;
         align-items: center;
 
+        margin-left: -5px;
+
+        display: flex;
+        padding: 3px;
+        align-items: right;
+        border-bottom: 0.5px solid grey;
+
         .group-info {
             cursor: pointer;
         }
 
-        // &:hover .padding {
-        //     white-space: unset;
-        // }
+        &:hover .padding {
+            overflow-x: unset;
+            white-space: unset;
+            overflow-wrap: break-word;
+        }
 
         .padding {
-            padding: 0 10px 0 0;
-            color: black;
+            // padding: 0 10px 0 0;
+            // color: black;
+            // text-overflow: ellipsis;
+            // overflow: hidden;
+            // white-space: nowrap;
+            // max-width: 40%;
+
+            width: 150px;
+            overflow-x: hidden;
+            display: inline-block;
             text-overflow: ellipsis;
-            overflow: hidden;
             white-space: nowrap;
-            max-width: 40%;
         }
 
         .permissions-dropdown {
-            border: none;
-            height: 25;
-            background-color: #e8e8e8;
+            display: flex;
+            align-items: flex-end;
+            text-align: right;
+            margin-left: auto;
+            margin-right: -12px;
+
         }
 
         .edit-actions {
             display: flex;
             position: absolute;
-            right: -10;
+            align-items: flex-end;
+            right: -10;            
+        }
+
+        .permissions-dropdown-None{
+            align-items: flex-end;
+            margin-right: -12px;
+            padding: 0px;
+            padding-left: 3px;
+            background: grey;
+            color: rgb(71, 71, 71);
+            border-radius: 6px;
+            border: 1px solid rgb(71, 71, 71);
+        }
+        .permissions-dropdown-Edit,
+        .permissions-dropdown-Admin {
+            align-items: flex-end;
+            margin-right: -12px;
+            padding: 0px;
+            padding-left: 3px;
+            background: rgb(254, 254, 199);
+            color: rgb(75, 75, 5);
+            border-radius: 6px;
+            border: 1px solid rgb(75, 75, 5);
+        }
+        .permissions-dropdown-Augment{
+            align-items: flex-end;
+            margin-right: -12px;
+            padding: 0px;
+            padding-left: 3px;
+            background: rgb(208, 255, 208);
+            color:rgb(19, 80, 19);
+            border-radius: 6px;
+            border: 1px solid rgb(19, 80, 19);
+
+        }
+        .permissions-dropdown-View{
+            align-items: flex-end;
+            margin-right: -12px;
+            padding: 0px;
+            padding-left: 3px;
+            background: rgb(213, 213, 255);
+            color: rgb(25, 25, 101);
+            border-radius: 6px;
+            border: 1px solid rgb(25, 25, 101);
+        }
+        .permissions-dropdown-Not-Shared{
+            align-items: flex-end;
+            margin-right: -12px;
+            padding: 0px;
+            padding-left: 3px;
+            background: rgb(255, 207, 207);
+            color: rgb(138, 47, 47);
+            border-radius: 6px;
+            border: 1px solid rgb(138, 47, 47);
         }
 
     }