change styles

src/client/styles/scss/_on-edit.scss

@@ -187,7 +187,8 @@ body.on-edit {
       }
 
       // add icon on cursor
-      .markdown-table-activated, .markdown-link-activated {
+      .markdown-table-activated,
+      .markdown-link-activated {
         .CodeMirror-cursor {
           &:after {
             position: relative;
@@ -197,7 +198,7 @@ body.on-edit {
             width: 1em;
             height: 1em;
             content: ' ';
-  
+
             background-repeat: no-repeat;
             background-size: 1em;
           }
@@ -325,16 +326,40 @@ body.on-edit {
 */
 
 .grw-grid-edit-modal {
+  .desktop-preview,
+  .tablet-preview,
+  .mobile-preview {
+    .row {
+      height: 100%;
+      padding: 5px;
+    }
+  }
   .desktop-preview {
-    height: 200px;
+    height: 400px;
+    .row {
+      div {
+        background-color: $info;
+      }
+    }
   }
 
   .tablet-preview {
-    height: 200px;
+    height: 380px;
+    .row {
+      div {
+        background-color: $purple;
+      }
+    }
   }
 
   .mobile-preview {
-    height: 200px;
+    width: 75%;
+    height: 280px;
+    .row {
+      div {
+        background-color: $pink;
+      }
+    }
   }
 
   .grid-division-menu {