Merge branch 'master' into sophie-ai-images

1 files changed, 21 insertions, 24 deletions

diff --git a/src/client/views/PropertiesButtons.scss b/src/client/views/PropertiesButtons.scss
index b801b3abf..b8c73b6d3 100644
--- a/src/client/views/PropertiesButtons.scss
+++ b/src/client/views/PropertiesButtons.scss
@@ -1,6 +1,6 @@
-@import "global/globalCssVariables";
+@import 'global/globalCssVariables.module.scss';
 
-$linkGap : 3px;
+$linkGap: 3px;
 
 .propertiesButtons-linkFlyout {
     grid-column: 2/4;
@@ -23,7 +23,7 @@ $linkGap : 3px;
     // margin-right: 7px;
     // margin-left: 8px;
     height: 28px;
-   // width: 226px;//29px;
+    // width: 226px;//29px;
     display: flex;
     align-items: center;
     // height: 25px;
@@ -39,10 +39,9 @@ $linkGap : 3px;
     // font-size: 75%;
     transition: transform 0.2s;
     // text-align: center;
-  
 
     // justify-content: center;
-    
+
     // margin-right: 10px;
     // margin-left: 4px;
 
@@ -55,34 +54,34 @@ $linkGap : 3px;
 .propertiesButtons-linkButton-empty.toggle-on {
     background-color: $medium-blue;
     color: $white;
-    width:100%
+    width: 100%;
 }
 .propertiesButtons-linkButton-empty.toggle-hover {
     background-color: $light-blue;
     color: $black;
-    width:100%
+    width: 100%;
 }
 .propertiesButtons-linkButton-empty.toggle-off {
-    background-color: white;//$dark-gray;
+    background-color: white; //$dark-gray;
     color: black; //white;
-    width:100%
+    width: 100%;
 }
 
 .propertiesButtons-icon {
-    margin-left:8px;
+    margin-left: 8px;
 }
 
 .propertiesButtons {
-    position:relative;
+    position: relative;
     width: 100%;
     //     margin-top: 3px;
-//    // grid-column: 1/4;
-//     width: 100%;
-//     height: auto;
-//     display: flex;
-//     // flex-direction: row;
-//     // flex-wrap: wrap;
-//     padding-bottom: 5.5px;
+    //    // grid-column: 1/4;
+    //     width: 100%;
+    //     height: auto;
+    //     display: flex;
+    //     // flex-direction: row;
+    //     // flex-wrap: wrap;
+    //     padding-bottom: 5.5px;
 }
 
 .onClickFlyout-editScript {
@@ -95,11 +94,10 @@ $linkGap : 3px;
     padding: 4px;
 }
 
-
 .propertiesButtons-button {
     pointer-events: auto;
-    padding-right: 8px;//5px;
-    width: 100%;//width: 25px;
+    padding-right: 8px; //5px;
+    width: 100%; //width: 25px;
     border-radius: 5px;
     margin-right: 20px;
     margin-bottom: 8px;
@@ -161,12 +159,11 @@ $linkGap : 3px;
     margin-left: 4px;
 
     &:hover {
-        filter:brightness(0.85);
+        filter: brightness(0.85);
         cursor: pointer;
     }
 }
 
-
 @-moz-keyframes spin {
     100% {
         -moz-transform: rotate(360deg);
@@ -194,4 +191,4 @@ $linkGap : 3px;
     100% {
         box-shadow: 0 0 0 10px rgba(0, 255, 0, 0);
     }
-}
\ No newline at end of file
+}