1 files changed, 56 insertions, 17 deletions

diff --git a/src/client/views/PropertiesView.scss b/src/client/views/PropertiesView.scss
index 897be9a32..71107a5f9 100644
--- a/src/client/views/PropertiesView.scss
+++ b/src/client/views/PropertiesView.scss
@@ -160,6 +160,49 @@
         }
     }
 
+    .propertiesView-shareDropDown{
+        margin-right: 10px;
+        width: 92%;
+
+        & .propertiesView-shareDropDownNone,
+        .propertiesView-shareDropDownAdmin{
+            padding: 5px;
+            background: grey;
+            color: rgb(71, 71, 71);
+            border-radius: 6px;
+            border: 1px solid rgb(71, 71, 71);
+        }
+        & .propertiesView-shareDropDownEdit{
+            padding: 5px;
+            background: rgb(235, 235, 145);
+            color: rgb(75, 75, 5);
+            border-radius: 6px;
+            border: 1px solid rgb(75, 75, 5);
+        }
+        & .propertiesView-shareDropDownAugment{
+            padding: 5px;
+            background: rgb(160, 230, 160);
+            color:rgb(19, 80, 19);
+            border-radius: 6px;
+            border: 1px solid rgb(19, 80, 19);
+
+        }
+        & .propertiesView-shareDropDownView{
+            padding: 5px;
+            background: rgb(161, 161, 238);
+            color: rgb(25, 25, 101);
+            border-radius: 6px;
+            border: 1px solid rgb(25, 25, 101);
+        }
+        & .propertiesView-shareDropDownNot-Shared{
+            padding: 5px;
+            background: rgb(210, 143, 143);
+            color: rgb(138, 47, 47);
+            border-radius: 6px;
+            border: 1px solid rgb(138, 47, 47);
+        }
+    }
+
     .propertiesView-filters {
         //border-bottom: 1px solid black;
         //padding: 8.5px;
@@ -340,18 +383,14 @@
         padding: 5px; // remove when adding buttons
         border-radius: 6px; // remove when adding buttons
         margin-right: 10px; // remove when adding buttons
-        // width: 100%;
-        // display: inline-table;
         background-color: #ececec;
         max-height: 130px;
-        overflow-y: auto;
         width: 92%;
 
         .propertiesView-sharingTable-item {
             display: flex;
-            // padding: 5px;
             padding: 3px;
-            align-items: center;
+            align-items: right;
             border-bottom: 0.5px solid grey;
 
             &:hover .propertiesView-sharingTable-item-name {
@@ -373,18 +412,6 @@
                 display: flex;
                 align-items: flex-end;
                 margin-left: auto;
-
-                .permissions-select {
-                    border: none;
-                    background-color: inherit;
-                    width: 87px;
-                    text-align: justify; // for Edge
-                    text-align-last: end;
-
-                    &:hover {
-                        cursor: pointer;
-                    }
-                }
             }
 
             &:last-child {
@@ -393,6 +420,18 @@
         }
     }
 
+    .propertiesView-permissions-select {
+        background-color: inherit;
+        background: inherit;
+        border: none;
+        background: inherit;
+        text-align: justify; // for Edge
+        text-align-last: end;
+        &:hover {
+            cursor: pointer;
+        }
+    }
+
     .propertiesView-fields {
         //border-bottom: 1px solid black;
         //padding: 8.5px;