PropertiesView UI updates and sharing symbol icon in heirarchy mapping

1 files changed, 11 insertions, 10 deletions

diff --git a/src/client/views/PropertiesView.scss b/src/client/views/PropertiesView.scss
index 3cf7f2546..7e0da5520 100644
--- a/src/client/views/PropertiesView.scss
+++ b/src/client/views/PropertiesView.scss
@@ -162,8 +162,8 @@
 
     .propertiesView-shareDropDown{
         margin-right: 10px;
-        width: 92%;
-
+        min-width: 65px;
+        
         & .propertiesView-shareDropDownNone{
             height: 16px;
             padding: 0px;
@@ -370,13 +370,13 @@
     }
 
     .expansion-button {
-        margin-left: 0;
+        margin-left: -15px;
+        margin-right: 20px;
 
         .expansion-button-icon {
             width: 11px;
             height: 11px;
             color: black;
-            margin-left: -15px;
 
             &:hover {
                 color: rgb(131, 131, 131);
@@ -394,8 +394,7 @@
         border-radius: 6px; // remove when adding buttons
         margin-right: 10px; // remove when adding buttons
         background-color: #ececec;
-        max-height: 130px;
-        width: 92%;
+        width: 97%;
 
         .propertiesView-sharingTable-item {
             display: flex;
@@ -420,10 +419,10 @@
 
             .propertiesView-sharingTable-item-permission {
                 display: flex;
-                position: fixed;
-                right: 30px;
                 align-items: flex-end;
+                text-align: right;
                 margin-left: auto;
+                margin-right: -12px;
             }
 
             &:last-child {
@@ -437,8 +436,10 @@
         background: inherit;
         border: none;
         background: inherit;
-        text-align: justify; // for Edge
-        text-align-last: end;
+        width: max;
+        text-align: left;
+        display: flex;
+        right: 35px;
     }
 
     .propertiesView-fields {