dropdown reviced 1

src/client/styles/scss/_layout.scss

@@ -191,7 +191,8 @@ $nav-main-left-tab-width: 95px;
   -moz-box-shadow: 0px !important;
   box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05) !important;
   li > a {
-    padding: 0.5em 1em;
+    display: block;
+    padding: 0.25em 0.75em;
     color: #333;
     text-decoration: none;
     white-space: nowrap;
@@ -216,3 +217,12 @@ $nav-main-left-tab-width: 95px;
     background: aliceblue;
   }
 }
+
+//TODO:SCSSの分離（user action 関連のスタイル）
+.nav-item-user {
+  .dropdown-toggle {
+    &::after {
+      margin: 0.75em 0 0 0.75em;
+    }
+  }
+}

src/server/views/layout/layout.html

@@ -134,8 +134,8 @@
             <span class="d-none d-md-inline-block">{{ t('New') }}</span>
           </a>
         </li>
-        <li class="dropdown mr-3">
-          <a class="dropdown-toggle waves-effect waves-light text-white" data-toggle="dropdown">
+        <li class="nav-item-user dropdown mr-3">
+          <a class="dropdown-toggle waves-effect waves-light d-inline-flex text-white" data-toggle="dropdown">
             <img src="{{ user|picture }}" class="picture rounded-circle" width="25" />
             <span class="user-name text-wrap ml-2">{{ user.name }}</span>
           </a>