Manual merge of #452

web/styles/editor.scss

@@ -195,6 +195,7 @@
   .cm-task-checked {
     text-decoration: line-through !important;
   }
+
   .cm-tooltip-autocomplete {
     .cm-completionDetail {
       font-style: normal;
@@ -356,6 +357,7 @@
     .sb-meta {
       color: transparent;
     }
+
     color: transparent;
   }
 
@@ -476,3 +478,24 @@
 div:not(.cm-focused).cm-fat-cursor {
   outline: none !important;
 }
+
+@media only screen and (max-width: 600px) {
+  #sb-main .cm-editor {
+    .sb-table-widget {
+      overflow: auto;
+
+      th,
+      td {
+        white-space: nowrap;
+      }
+    }
+  }
+
+  #sb-editor {
+
+    .sb-directive-start-outside,
+    .sb-directive-end-outside {
+      height: 22px;
+    }
+  }
+}