brush up commit

src/client/js/components/User/UserPicture.jsx

@@ -29,7 +29,7 @@ export default class UserPicture extends React.Component {
   }
 
   getClassName() {
-    const className = ['img-circle', 'picture'];
+    const className = ['rounded-circle', 'picture'];
     // size
     if (this.props.size) {
       className.push(`picture-${this.props.size}`);

src/client/styles/scss/_layout.scss

@@ -95,7 +95,7 @@
       // first level of li
       > ul > li {
         padding: 5px;
-        margin: 4px 4px 4px 15px;
+        margin: 4px 4px 4px 17px;
       }
     }
   }

src/client/styles/scss/_layout_growi.scss

@@ -1,3 +1,4 @@
+@import 'layout_variable';
 @import 'layout';
 
 .growi.main-container {
@@ -9,7 +10,7 @@
     // adjusting position with negative margin
     height: $nav-main-tab-height;
     line-height: 1.25;
-    border-bottom: 1px solid $border;
+    border-bottom: 1px solid $grw-line-gray;
 
     .liker-user-count,
     .seen-user-count {

src/client/styles/scss/_layout_variable.scss

@@ -20,3 +20,6 @@ $grw-white-green: #f8fffb;
 
 /* blue */
 $grw-alice-blue: aliceblue;
+
+/* gray */
+$grw-line-gray: #dee2e6;