lib/perus/server/public/css/style.css in perus-0.1.7 vs lib/perus/server/public/css/style.css in perus-0.1.8

@@ -76,10 +76,17 @@
         font-weight: 300;
         color: #555;
         margin-bottom: 30px;
     }
 
+        main > h1 > input {
+            float: right;
+            width: 180px;
+            height: 22px;
+            margin-top: 2px;
+        }
+
     main > h2.edit {
         margin-top: 30px;
     }
 
     main > form, main > section {
@@ -186,15 +193,16 @@
                 font-size: 13px;
             }
 
 /* systems list */
 .systems {
-    margin-bottom: 80px;
+    margin-bottom: 30px;
 }
 
 .systems a {
     display: inline-block;
+    position: relative;
     background-color: white;
     padding: 10px;
     border-radius: 4px;
     border: 1px solid #ddd;
     margin-right: 20px;
@@ -222,10 +230,31 @@
         color: #bbb;
         margin-top: 3px;
         font-weight: 300;
     }
 
+    .systems a div.alert {
+        width: 12px;
+        height: 12px;
+        border-radius: 12px;
+        position: absolute;
+        bottom: -20px;
+        right: 10px;
+    }
+
+    .systems a div.alert.error {
+        background-color: red;
+    }
+
+    .systems a div.alert.warning {
+        background-color: yellow;
+    }
+
+    .systems a div.alert.notice {
+        background-color: blue;
+    }
+
 .systems.portrait a {
     width: 201px;
     height: 338px;
 }
 
@@ -295,10 +324,14 @@
     article.graph h2 {
         padding-left: 55px;
         margin-bottom: 20px;
     }
 
+.dygraph-legend {
+    background-color: rgba(255, 255, 255, 0.5) !important;
+}
+
 /* metric collection errors */
 #errors {
     padding-top: 20px;
 }
 
@@ -346,43 +379,47 @@
 .alert {
     margin-bottom: 30px;
 }
 
     .alert h1 {
-        margin-bottom: 15px;
+        margin-bottom: 5px;
     }
 
-    .alert ul {
+    ul.alerts {
         list-style-type: none;
         padding: 0px;
         font-size: 14px;
     }
 
-        .alert ul li {
-            padding-left: 24px;
+    .alert h1 + ul.alerts {
+        margin-top: 10px;
+    }
+
+        ul.alerts li {
+            padding-left: 20px;
             position: relative;
         }
 
-        .alert ul li::before {
+        ul.alerts li::before {
             position: absolute;
             left: 0px;
             top: 1px;
             content: ' ';
-            width: 15px;
-            height: 15px;
-            border-radius: 15px;
+            width: 12px;
+            height: 12px;
+            border-radius: 12px;
         }
 
-        .alert.warning ul li::before {
+        ul.alerts li.warning::before {
             background-color: yellow;
         }
 
-        .alert.error ul li::before {
+        ul.alerts li.error::before {
             background-color: red;
         }
 
-        .alert.notice ul li::before {
+        ul.alerts li.notice::before {
             background-color: blue;
         }
 
     .alert p {
         font-size: 13px;
@@ -407,9 +444,13 @@
     }
 
 #add-command {
     font-size: 13px;
     margin-top: 30px;
+}
+
+#no-systems + #add-command {
+    margin-top: 0px;
 }
 
     #add-command select {
         margin-left: 7px;
     }