Modify dashboard number boxes

salt_observer/assets/less/dashboard.less

@@ -8,16 +8,16 @@
 }
 
 .numeric-info {
-    text-align: center;
     border: 1px solid #ddd;
-    padding: 25px 0px;
     margin-bottom: 25px;
+    border-radius: 3px;
 
+    .description {
+        padding: 10px 15px;
+        border-bottom: 1px solid #ddd;
+    }
     .number {
-        display: block;
+        text-align: center;
         font-size: 35px;
     }
-    .description {
-        display: block;
-    }
 }

salt_observer/templates/home/dashboard.html

@@ -8,26 +8,26 @@
     <div class="row">
         <div class="col-sm-6 col-md-3">
             <div class="numeric-info">
-                <span class="number">{{ all_minions|length }}</span>
-                <span class="description">Minions</span>
+                <div class="description">Minions <i class="pull-right fa fa-fw fa-server"></i></div>
+                <div class="number">{{ all_minions|length }}</div>
             </div>
         </div>
         <div class="col-sm-6 col-md-3">
             <div class="numeric-info">
-                <span class="number">{{ all_networks|length }}</span>
-                <span class="description">Networks</span>
+                <div class="description">Networks <i class="pull-right fa fa-fw fa-plug"></i></div>
+                <div class="number">{{ all_networks|length }}</div>
             </div>
         </div>
         <div class="col-sm-6 col-md-3">
             <div class="numeric-info">
-                <span class="number">{{ all_domains|length }}</span>
-                <span class="description">Domains</span>
+                <div class="description">Domains <i class="pull-right fa fa-fw fa-link"></i></div>
+                <div class="number">{{ all_domains|length }}</div>
             </div>
         </div>
         <div class="col-sm-6 col-md-3">
             <div class="numeric-info">
-                <span class="number">{{ all_users|length }}</span>
-                <span class="description">Users</span>
+                <div class="description">Users <i class="pull-right fa fa-fw fa-user"></i></div>
+                <div class="number">{{ all_users|length }}</div>
             </div>
         </div>
     </div>