ui: basic styles for check list

ui/index.html

@@ -101,10 +101,13 @@
               </div>
 
               <div class="panel-body">
-                {{#each check in node.Checks }}
+                <ul class="list-unstyled list-broken">
-                  <h4>{{ check.Name }} <small>{{ check.CheckID }}</small> <span class="pull-right"><small>{{check.Status}}</small></h4>
+                  {{#each check in node.Checks }}
-                  <hr>
+                    <li>
-                {{/each}}
+                      <h4>{{ check.Name }} <small>{{ check.CheckID }}</small> <span class="pull-right"><small>{{check.Status}}</small></h4>
+                    </li>
+                  {{/each}}
+                </ul>
               </div>
             </div>
 

ui/styles/_lists.scss

@@ -36,3 +36,14 @@
         border-top-left-radius: 0px;
     }
 }
+
+ul.list-broken {
+    li {
+        border-bottom: 2px $gray-background solid;
+    }
+
+    li:last-child {
+        border-width: 0px;
+    }
+
+}