refactoring.

src/client/styles/scss/_layout.scss

@@ -19,6 +19,13 @@ body {
   border-bottom: 1px solid $gray-500;
 }
 
+.grw-page-accessories-modal {
+  .table-top-icon {
+    width: 20px;
+    height: 20px;
+  }
+}
+
 // padding settings for GrowiNavbarBottom
 .page-wrapper {
   padding-bottom: $grw-navbar-bottom-height;
@@ -142,16 +149,9 @@ body {
   }
 }
 
-// seirisitenai
-.grw-page-accessories-modal {
-  .table-top-icon {
-    width: 20px;
-    height: 20px;
-  }
-}
-
 .top-of-table-contents {
   flex-wrap: wrap;
+
   .table-top-icon {
     width: 16px;
     height: 16px;
@@ -160,18 +160,14 @@ body {
     font-size: 12px;
     font-weight: bolder;
   }
-}
-
-.btn-seen-user-list {
-  white-space: nowrap;
-}
-
-.seen-user-popover {
-  max-width: 200px;
-}
-
-.top-of-table-contents {
   .icon-button-box {
     border-right: 1px solid;
   }
+  .btn-seen-user-list {
+    white-space: nowrap;
+  }
+
+  .seen-user-popover {
+    max-width: 200px;
+  }
 }

src/client/styles/scss/theme/_apply-colors.scss

@@ -248,6 +248,9 @@ pre:not(.hljs):not(.CodeMirror-line) {
 
 .top-of-table-contents {
   border-color: $bordercolor-nav-tabs;
+  .icon-button-box {
+    border-color: $bordercolor-nav-tabs;
+  }
   .table-top-icon {
     fill: $color-link;
   }
@@ -453,14 +456,3 @@ mark.rbt-highlight-text {
 .bg-box {
   background-color: $bgcolor-global;
 }
-
-// aaaaaaaaaaaaaaaaaa
-.top-of-table-contents {
-  .icon-button-box {
-    border-color: $bordercolor-nav-tabs;
-  }
-
-  .seen-user-popover {
-    background-color: red;
-  }
-}