bug fix layout for large displays

src/api/templates/dashboard/apps/summary.html

@@ -20,6 +20,7 @@
         display:grid ;
         grid-template-rows: 32px auto;
         grid-gap:4px;
+	height:99%;
         
         
     }
@@ -33,6 +34,7 @@
     
     .widget {
         width:100%;
+	height:90%;
         
     }
     .widget .title {
@@ -43,16 +45,17 @@
         grid-gap:2px;
     }
     .widget .chart {
-        
         display:grid;
         grid-template-columns: 35% 35% 30%;
         grid-gap:1px;
         width:100%;
+	height:90%;
 
     }
     .widget .chart iframe {
-        width:100%; 
-        height:220px; 
+        width:99%; 
+	min-height:255px;
+        max-height:300px; 
         overflow:hidden}
     
     input[type=text] {
@@ -165,10 +168,11 @@
                                 
 
                             </div>
-                            <iframe class="no-border" src="{{context}}/1/plot/html/pie/apps.status?index={{loop.index -1}}&no=title" style=""></iframe>
+                            <iframe class="no-border" src="{{context}}/1/plot/html/pie/apps.status?index={{loop.index -1}}&no=title" scrolling="no"></iframe>
                             <div align="center" class="bold">
                                 Status Counts
                             </div>
+			    <p></p>
                             <div class="stat-board">                                
                                 <div class="number border">
                                     <div class="value">{{ app_summary[loop.index-1].crash}}</div>
@@ -185,7 +189,7 @@
                         <div align="center">
                             <h3>Resource Usage</h3>
                         </div>    
-                        <iframe class="no-border" src="{{context}}/1/plot/html/bar/apps.resource?index={{loop.index -1}}" style=""></iframe>
+                        <iframe class="no-border" src="{{context}}/1/plot/html/bar/apps.resource?index={{loop.index -1}}" scrolling="no"></iframe>
                     </div>
                     <div class="border-left">
                         <div align="center">