ui: basic styles for check list

11 years ago · 03138104b9
parent 3e4029c010
commit 03138104b9
2 changed files with 18 additions and 4 deletions
--- a/ui/index.html
+++ b/ui/index.html
@ -101,10 +101,13 @@
              </div>

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

--- a/ui/styles/_lists.scss
+++ b/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;
+    }
+
+}