Move most critical nodes lists to top-left

and add missing number of nodes that are
unchanged.

Author: gdubicki

puppetboard/static/css/puppetboard.css

@@ -77,6 +77,10 @@ h1.ui.header.no-margin-bottom {
   background-color: #989898;
 }
 
+.ui.header.unchanged {
+  color: #89A54E;
+}
+
 .ui.label.unchanged {
   background-color: #89A54E;
 }

puppetboard/templates/index.html

@@ -41,6 +41,17 @@ <h1 class="ui header changed no-margin-bottom">
       </a>
       <span>with status changed</span>
     </div>
+    <div class="column">
+      <a href="{{url_for('nodes', env=current_env, status='unchanged')}}">
+        <h1 class="ui header unchanged no-margin-bottom">
+          {{stats['unchanged']}}
+          <small>{% if stats['unchanged'] == 1 %} node {% else %} nodes {% endif %}</small>
+        </h1>
+      </a>
+      <span>with status unchanged</span>
+    </div>
+  </div>
+  <div class="four column row">
     <div class="column">
       <a href="{{url_for('nodes', env=current_env, status='unreported')}}">
         <h1 class="ui header unreported no-margin-bottom">
@@ -50,10 +61,6 @@ <h1 class="ui header unreported no-margin-bottom">
       </a>
       <span>unreported in the last {{ config.UNRESPONSIVE_HOURS }} hours</span>
     </div>
-  </div>
-  <div class="four column row">
-    <div class="column">
-    </div>
     <div class="column">
       <h1 class="ui header darkblue no-margin-bottom">{{metrics['num_nodes']}}</h1>
       <span>Population</span>