fix: app column layout

app/assets/stylesheets/_columns.scss

@@ -5,16 +5,19 @@
 
 .app-column-first {
   width: 180px;
-  flex-grow: 0;
+  flex-shrink: 0.2;
 }
 
 .app-column-second {
   width: 350px;
-  flex-grow: 0;
+  flex-shrink: 0.5;
 }
 
 .app-column-third {
-  flex: 1 50%;
+  flex-grow: 1;
+  flex-shrink: 0.3;
 }
 
-.app-column {}
+.app-column {
+  overflow: hidden;
+}

app/assets/stylesheets/_editor.scss

@@ -7,7 +7,6 @@ $heading-height: 75px;
 }
 
 .section.editor {
-  flex: 1 50%;
   display: flex;
   flex-direction: column;
   overflow-y: hidden;
@@ -39,7 +38,6 @@ $heading-height: 75px;
   z-index: $z-index-editor-title-bar;
 
   height: auto;
-  overflow: visible;
 
   .title {
     font-size: var(--sn-stylekit-font-size-h1);

app/assets/stylesheets/_main.scss

@@ -132,7 +132,8 @@ $footer-height: 2rem;
   height: calc(100% - #{$footer-height});
   width: 100%;
   vertical-align: top;
-  overflow: hidden;
+  overflow-x: scroll;
+  overflow-y: hidden;
   position: relative;
 
   panel-resizer, .panel-resizer {

app/assets/stylesheets/_notes.scss

@@ -5,7 +5,6 @@
   border-left: 1px solid var(--sn-stylekit-border-color);
   border-right: 1px solid var(--sn-stylekit-border-color);
   font-size: var(--sn-stylekit-font-size-h2);
-  overflow: visible;
   user-select: none;
 
   -moz-user-select: none;