ui: add checks for sessions and a double line list

ui/index.html

@@ -498,12 +498,17 @@
         {{errorMessage}}
 
         {{#each session in sessions }}
-          <div class="list-group-item list-condensed">
+          <div class="list-group-item list-condensed double-line">
             <div class="bg-light-gray list-bar-horizontal"></div>
             <div class="name">
               {{session.ID}}
               <button {{ action "invalidateSession" session.ID }} {{ bind-attr class=":btn :btn-danger :pull-right :btn-list isLoading:btn-warning" }}>Invalidate</button>
             </div>
+              <ul class="list-inline sub">
+                {{#each check in session.Checks}}
+                  <li class="bold">{{check}}</li>
+                {{/each}}
+              </ul>
           </div>
         {{/each}}
 

ui/styles/_lists.scss

@@ -51,6 +51,11 @@
         margin-top: 4px;
 
         height: 40px;
+
+        &.double-line {
+            height: 50px;
+        }
+
         font-weight: 700;
 
         .name {
@@ -64,6 +69,16 @@
                 color: $gray-light;
             }
         }
+
+        ul.sub {
+            li {
+                padding: 0;
+            }
+
+            margin: 0;
+            font-size: 12px;
+            color: $gray-light;
+        }
     }
 
     .list-bar-horizontal {