dashboard: fix node detail in smaller screens

circle/dashboard/static/dashboard/dashboard.css

@@ -409,6 +409,8 @@ footer {
 footer a, footer a:hover, footer a:visited {                        
 footer a, footer a:hover, footer a:visited {                        
   color: white;                                                     
   color: white;                                                     
   text-decoration: underline;
   text-decoration: underline;
+}
+
 .template-disk-list {
 .template-disk-list {
   list-style: none;
   list-style: none;
   padding-left: 0;
   padding-left: 0;
@@ -417,3 +419,7 @@ footer a, footer a:hover, footer a:visited {
 .template-disk-list li {
 .template-disk-list li {
   padding-bottom: 5px;
   padding-bottom: 5px;
 }
 }
+
+#node-info-pane {
+  margin-bottom: 20px;
+}

circle/dashboard/templates/dashboard/node-detail.html

@@ -14,7 +14,7 @@
       <div id="node-details-h1-name">    
       <div id="node-details-h1-name">    
       {{ node.name }} 
       {{ node.name }} 
       </div>
       </div>
-</h1>
+    </h1>
     <small>{{ node.get_connect_host }}</small>
     <small>{{ node.get_connect_host }}</small>
   </div>
   </div>
   <div class="row">
   <div class="row">