Minor reorganization on workspace canvas styles.

resources/public/styles/layouts/main-layout.scss

@@ -2,13 +2,6 @@
   display: flex;
   height: 100%;
   position: relative;
-
-  .workspace-content {
-    display: flex;
-    height: 100%;
-    width: 100%;
-  }
-
 }
 
 .dashboard-content {

resources/public/styles/main.scss

@@ -31,7 +31,6 @@
 
 @import 'partials/main-bar';
 @import 'partials/workspace-bar';
-@import 'partials/workspace-rules';
 @import 'partials/workspace-canvas';
 @import 'partials/element-options';
 @import 'partials/tool-bar';

resources/public/styles/partials/workspace-canvas.scss

@@ -1,11 +1,9 @@
-.workspace-canvas {
+.workspace-content {
-  box-sizing: border-box;
+  display: flex;
-  height: calc(100vh - 50px);
+  height: 100%;
-  margin: 0 230px 0 230px;
-  overflow: scroll;
   width: 100%;
-  transition: none;
   position: relative;
+  margin: 0 230px 0 230px;
 
   &.no-tool-bar-right {
     margin-right: 0;
@@ -15,6 +13,37 @@
     margin-left: 0;
   }
 
+  .workspace-canvas {
+    box-sizing: border-box;
+    height: calc(100vh - 70px);
+
+    overflow: scroll;
+    width: 100%;
+
+    transition: none;
+    /* margin: 0 230px 0 230px; */
+
+    margin-top: 20px;
+    margin-left: 20px;
+    margin-right: 460px;
+
+    &.no-tool-bar-right.no-tool-bar-left{
+      margin-right: 0px;
+    }
+
+    &.no-tool-bar-left {
+      margin-right: 230px;
+    }
+
+    &.no-tool-bar-right {
+      margin-right: 230px;
+    }
+
+    /* .viewport-container { */
+    /*   height: 4069px; */
+    /*   width: 4069px; */
+    /* } */
+
     .viewport {
       &.drawing {
         cursor: cell;
@@ -40,8 +69,23 @@
     }
 
     .viewport, .page-canvas, .page-layout {
-    overflow: visible;
+      /* overflow: visible; */
+    }
   }
 
+  /* Rules */
 
+  .horizontal-rule {
+    transition: none;
+    position: absolute;
+    pointer-events: none;
+    top: 0px;
+  }
+
+  .vertical-rule {
+    transition: none;
+    position: absolute;
+    pointer-events: none;
+    left: 0px;
+  }
 }

resources/public/styles/partials/workspace-rules.scss

@@ -1,12 +0,0 @@
-.workspace-content {
-  .horizontal-rule {
-    transition: none;
-    position: absolute;
-    pointer-events: none;
-  }
-  .vertical-rule {
-    transition: none;
-    position: absolute;
-    pointer-events: none;
-  }
-}