fix broken layout of .editor-navbar

src/client/styles/scss/_comment_growi.scss

@@ -100,7 +100,6 @@
     }
 
 
-
     position: relative;
     margin-top: 2em;
     // user icon
@@ -117,9 +116,6 @@
     .comment-write {
       margin-bottom: 0.5em;
     }
-    .tab-content{
-      padding-top: 10px;
-    }
     .comment-form-comment {
       height: 80px;
       &:focus, &:not(:invalid) {
@@ -127,5 +123,8 @@
         height: 180px;
       }
     }
+    .comment-form-preview {
+      padding-top: 0.5em;
+    }
   }
 }

src/client/styles/scss/_editor-navbar.scss

@@ -0,0 +1,20 @@
+.editor-container {
+  .navbar-editor {
+    li {
+      display: inline-block;
+    }
+
+    button {
+      margin: 0 2px;
+      padding: 8px;
+      border: none;
+      background-color: transparent;
+      font-size: 14px;
+      line-height: 1;
+    }
+
+    img {
+      vertical-align: bottom;
+    }
+  }
+}

src/client/styles/scss/_mixins.scss

@@ -50,25 +50,6 @@
           height: calc(100vh - #{$header-plus-footer});
         }
 
-        .navbar-editor {
-          li {
-            display: inline-block;
-          }
-
-          button {
-            margin: 0 2px;
-            padding: 8px;
-            border: none;
-            background-color: transparent;
-            font-size: 14px;
-            line-height: 1;
-          }
-
-          img {
-            vertical-align: bottom;
-          }
-        }
-
         // left(editor)
         .page-editor-editor-container {
           min-height: calc(100vh - #{$header-plus-footer});   // for IE11

src/client/styles/scss/style.scss

@@ -24,6 +24,7 @@
 @import 'create-page';
 @import 'create-template';
 @import 'editor-attachment';
+@import 'editor-navbar';
 @import 'layout';
 @import 'layout_crowi';
 @import 'layout_crowi_sidebar';