From 14c5cb5abf2bf3956af89ec8521b2f8883cf8ceb Mon Sep 17 00:00:00 2001
From: Marcos Lilljedahl <marcosnils@gmail.com>
Date: Fri, 3 Feb 2017 10:33:25 -0300
Subject: [PATCH] Fix stats styling issue

---
 www/assets/style.css |  4 ++++
 www/index.html       | 48 +++++++++++++++++++++++---------------------
 2 files changed, 29 insertions(+), 23 deletions(-)

diff --git a/www/assets/style.css b/www/assets/style.css
index 7beb67e..6bfdd36 100644
--- a/www/assets/style.css
+++ b/www/assets/style.css
@@ -45,3 +45,7 @@ md-input-container .md-errors-spacer {
     height: 0;
     min-height: 0;
 }
+
+.stats {
+    min-height: 230px;
+}
diff --git a/www/index.html b/www/index.html
index 41470b0..df17b7b 100644
--- a/www/index.html
+++ b/www/index.html
@@ -68,33 +68,35 @@
                 <div flex></div>
               </md-content>
               <md-content flex layout="column" ng-repeat="instance in instances" ng-show="instance.name == selectedInstance.name">
-                  <md-card md-theme="default" md-theme-watch>
+                  <md-card class="stats" md-theme="default" md-theme-watch>
                       <md-card-title>
                           <md-card-title-text>
                               <span class="md-headline">{{instance.name}}</span>
-                               <div layout-gt-sm="row">
-                                  <md-input-container class="md-icon-float md-block">
-                                    <label>IP</label>
-                                    <input ng-model="instance.ip" type="text" readonly="readonly">
-                                  </md-input-container>
-                                  <md-chips ng-model="instance.ports" name="port" readonly="true" md-removable="false">
-                                    <md-chip-template>
-                                    <strong><a href="{{getProxyUrl(instance, $chip)}}" title="{{getProxyUrl(instance, $chip)}}" target="_blank">{{$chip}}</a></strong>
-                                    </md-chip-template>
-                                  </md-chips>
-                               </div>
-                               <div layout-gt-sm="row">
-                                  <md-input-container class="md-block" flex-gt-sm>
-                                    <label>Memory</label>
-                                    <input ng-model="instance.mem" type="text" readonly="readonly">
-                                  </md-input-container>
-                                  <md-input-container class="md-block" flex-gt-sm>
-                                    <label>CPU</label>
-                                    <input ng-model="instance.cpu" type="text" readonly="readonly">
-                                  </md-input-container>
-                              </div>
-                          <md-card-title-text>
+                          </md-card-title-text>
                       </md-card-title>
+                      <md-card-content>
+                          <div layout-gt-sm="row">
+                             <md-input-container class="md-icon-float md-block">
+                               <label>IP</label>
+                               <input ng-model="instance.ip" type="text" readonly="readonly">
+                             </md-input-container>
+                             <md-chips ng-model="instance.ports" name="port" readonly="true" md-removable="false">
+                               <md-chip-template>
+                               <strong><a href="{{getProxyUrl(instance, $chip)}}" title="{{getProxyUrl(instance, $chip)}}" target="_blank">{{$chip}}</a></strong>
+                               </md-chip-template>
+                             </md-chips>
+                          </div>
+                          <div layout-gt-sm="row">
+                             <md-input-container class="md-block" flex-gt-sm>
+                               <label>Memory</label>
+                               <input ng-model="instance.mem" type="text" readonly="readonly">
+                             </md-input-container>
+                             <md-input-container class="md-block" flex-gt-sm>
+                               <label>CPU</label>
+                               <input ng-model="instance.cpu" type="text" readonly="readonly">
+                             </md-input-container>
+                          </div>
+                      </md-card-content>
                       <md-card-actions>
                           <md-button class="md-warn md-raised" ng-click="deleteInstance(instance)" ng-disabled="isInstanceBeingDeleted">{{deleteInstanceBtnText}}</md-button>
                           </md-card-actions>