1 files changed, 16 insertions, 16 deletions

diff --git a/src/client/views/DocumentDecorations.scss b/src/client/views/DocumentDecorations.scss
index 55eb0b127..25a806abd 100644
--- a/src/client/views/DocumentDecorations.scss
+++ b/src/client/views/DocumentDecorations.scss
@@ -11,8 +11,8 @@ $resizeHandler: 8px;
     // Rotation handler
     .documentDecorations-rotation {
         border-radius: 100%;
-        height: 30;
-        width: 30;
+        height: 30px;
+        width: 30px;
         right: -40;
         bottom: -20;
         //top: calc(50% - 15px);
@@ -45,15 +45,15 @@ $resizeHandler: 8px;
         width: 100%;
         pointer-events: all;
         border-radius: 50%;
-        top: 30; // offset by height of documentButtonBar so that items can be clicked without overlap interference
+        top: 30px; // offset by height of documentButtonBar so that items can be clicked without overlap interference
         color: black;
     }
 }
 
 .documentDecorations-container {
     position: absolute;
-    top: 0;
-    left: 0;
+    top: 0px;
+    left: 0px;
     transform-origin: 50% calc(50% + 10px);
     display: grid;
     grid-template-rows: $headerHeight $resizeHandler 1fr $resizeHandler;
@@ -121,7 +121,7 @@ $resizeHandler: 8px;
                 }
 
                 > svg {
-                    margin: 0;
+                    margin: 0px;
                 }
             }
 
@@ -150,7 +150,7 @@ $resizeHandler: 8px;
                 }
 
                 > svg {
-                    margin: 0;
+                    margin: 0px;
                 }
             }
             &:hover {
@@ -185,7 +185,7 @@ $resizeHandler: 8px;
             }
 
             > svg {
-                margin: 0;
+                margin: 0px;
             }
         }
 
@@ -246,7 +246,7 @@ $resizeHandler: 8px;
                 display: inline;
                 position: relative;
                 top: -2.5;
-                left: 35;
+                left: 35px;
                 zoom: 0.7;
             }
 
@@ -360,8 +360,8 @@ $resizeHandler: 8px;
         left: 7px;
         top: 7px;
         background: global.$medium-gray;
-        height: 10;
-        width: 10;
+        height: 10px;
+        width: 10px;
         opacity: 0.5;
         pointer-events: all;
         cursor: nwse-resize;
@@ -371,8 +371,8 @@ $resizeHandler: 8px;
         position: relative;
         background: black;
         color: rgb(145, 144, 144);
-        height: 20;
-        width: 20;
+        height: 20px;
+        width: 20px;
         pointer-events: all;
         margin: auto;
         display: flex;
@@ -380,8 +380,8 @@ $resizeHandler: 8px;
         border-radius: 100%;
         cursor: default;
         svg {
-            width: 10;
-            height: 10;
+            width: 10px;
+            height: 10px;
             margin: auto;
         }
     }
@@ -389,7 +389,7 @@ $resizeHandler: 8px;
     .documentDecorations-rotationPath {
         position: absolute;
         width: 100%;
-        height: 0;
+        height: 0px;
         transform: translate(0px, -25%);
         padding-bottom: 100%;
         border-radius: 100%;