adjust style for user list

lib/views/admin/users.html

@@ -134,39 +134,40 @@
 
       <h2>ユーザー一覧</h2>
 
-      <table class="table table-hover table-striped table-bordered">
+      <table class="table table-hover table-striped table-bordered table-user-list">
         <thead>
           <tr>
-            <th>#</th>
-            <th>ユーザーID</th>
+            <th width="100px">#</th>
+            <th>Status</th>
+            <th><code>username</code></th>
             <th>名前</th>
             <th>メールアドレス</th>
-            <th>作成日</th>
-            <th>最終ログイン</th>
-            <th>操作</th>
+            <th width="100px">作成日</th>
+            <th width="150px">最終ログイン</th>
+            <th width="90px">操作</th>
           </tr>
         </thead>
         <tbody>
           {% for sUser in users %}
           <tr>
             <td>
-              <img src="{{ sUser|picture }}" class="picture picture-rounded" /><br>
-              <span class="label {{ css.userStatus(sUser) }}">
-                {{ consts.userStatus[sUser.status] }}
-              </span><br>
+              <img src="{{ sUser|picture }}" class="picture picture-rounded" />
               {% if sUser.admin %}
-              <span class="label label-primary">
+              <span class="label label-primary label-admin">
                 Admin
               </span>
               {% endif %}
             </td>
+            <td>
+              <span class="label {{ css.userStatus(sUser) }}">
+                {{ consts.userStatus[sUser.status] }}
+              </span>
+            </td>
             <td>
               <strong>{{ sUser.username }}</strong>
             </td>
             <td>{{ sUser.name }}</td>
             <td>{{ sUser.email }}</td>
-            <td>{{ sUser.createdAt|date('Y-m-d') }}</td>
-            <td>{{ sUser.lastLoginAt|date('Y-m-d') }}</td>
             <td>{{ sUser.createdAt|date('Y-m-d', sUser.createdAt.getTimezoneOffset()) }}</td>
             <td>
               {% if sUser.lastLoginAt %}
@@ -175,7 +176,7 @@
             </td>
             <td>
               <div class="btn-group admin-user-menu">
-                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+                <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown">
                   編集
                   <span class="caret"></span>
                 </button>

lib/views/layout/admin.html

@@ -1,4 +1,4 @@
-{% extends '2column.html' %}
+{% extends 'single.html' %}
 
 {% block html_additional_headers %}
   {% parent %}

resource/css/_admin.scss

@@ -31,4 +31,9 @@
     }
   }
 
+  .table-user-list {
+    .label-admin {
+      margin-left: 1em;
+    }
+  }
 } // }}}