1 files changed, 47 insertions, 26 deletions

diff --git a/src/client/views/PropertiesView.scss b/src/client/views/PropertiesView.scss
index e5f9e0417..1365725cb 100644
--- a/src/client/views/PropertiesView.scss
+++ b/src/client/views/PropertiesView.scss
@@ -1,6 +1,4 @@
 .propertiesView {
-
-    background-color: rgb(205, 205, 205);
     height: 100%;
     font-family: "Noto Sans";
     cursor: auto;
@@ -9,7 +7,6 @@
     overflow-y: auto;
 
     .propertiesView-title {
-        background-color: rgb(159, 159, 159);
         text-align: center;
         padding-top: 12px;
         padding-bottom: 12px;
@@ -121,19 +118,30 @@
             padding: 10px;
             margin-left: 5px;
 
-            .propertiesView-acls-checkbox {
+            .propertiesView-buttonContainer {
                 float: right;
-                height: 20px;
-                margin-top: -20px;
-                margin-right: -15;
-
-                .propertiesView-acls-checkbox-text {
-                    font-size: 7px;
-                    margin-top: -10px;
-                    margin-left: 6px;
+                display: flex;
+
+                button {
+                    width: 15;
+                    height: 15;
+                    padding: 0;
+                    margin-top: -5;
+                }
+
+                .propertiesView-acls-checkbox {
+                    margin-top: -20px;
+
+                    .propertiesView-acls-checkbox-text {
+                        font-size: 7px;
+                        margin-top: -10px;
+                        margin-left: 6px;
+                    }
                 }
             }
 
+
+
             .change-buttons {
                 display: flex;
 
@@ -246,15 +254,19 @@
         }
     }
 
-    .expansion-button-icon {
-        width: 11px;
-        height: 11px;
-        color: black;
-        margin-left: 27px;
+    .expansion-button {
+        margin-left: -20;
 
-        &:hover {
-            color: rgb(131, 131, 131);
-            cursor: pointer;
+        .expansion-button-icon {
+            width: 11px;
+            height: 11px;
+            color: black;
+            margin-left: 27px;
+
+            &:hover {
+                color: rgb(131, 131, 131);
+                cursor: pointer;
+            }
         }
     }
 
@@ -305,9 +317,9 @@
                 .permissions-select {
                     border: none;
                     background-color: inherit;
-                    width: 75px;
-                    //text-align: justify; // for Edge
-                    //text-align-last: end;
+                    width: 87px;
+                    text-align: justify; // for Edge
+                    text-align-last: end;
 
                     &:hover {
                         cursor: pointer;
@@ -320,7 +332,6 @@
             }
         }
     }
-
     .propertiesView-fields {
         //border-bottom: 1px solid black;
         //padding: 8.5px;
@@ -375,7 +386,7 @@
         }
     }
 
-    .field {
+    .propertiesView-field {
         display: flex;
         font-size: 7px;
         background-color: #e8e8e8;
@@ -385,7 +396,7 @@
         padding-left: 3px;
     }
 
-    .uneditable-field {
+    .propertiesView-uneditable-field {
         display: flex;
         overflow-y: visible;
         margin-bottom: 2px;
@@ -671,7 +682,17 @@
     font-weight: 500;
     display: inline-flex;
 
+    .propertiesView-selectedCount {
+        width: max-content;
+        min-width: max-content;
+    }
+
     .propertiesView-selectedList {
+        min-width: max-content;
+        width: 100%;
+        max-height: 180;
+        overflow: hidden;
+        overflow-y: scroll;
         border-left: solid 1px darkgrey;
         margin-left: 10px;
         padding-left: 5px;