bug fix layout

src/api/static/css/default.css

@@ -67,3 +67,35 @@ body {
     background-color:#4682B4 ;
     color:#ffffff;
 }
+
+
+
+.data-frame {
+    display:grid;
+    margin:4px;
+    padding:4px;
+    grid-template-rows: 80% 20%;
+    grid-gap:2px;
+    height:85%;
+    
+    overflow:hidden;
+    
+}
+
+.data-frame .comment {
+    grid-row: 2;
+    padding:4px;
+    
+    font-size:12px;
+    color:gray;
+    font-weight: lighter;
+    font-family: verdana;
+    
+    
+}
+.data-frame .grid {
+    grid-row:1;
+    width:100%;
+    padding:4px;
+
+}

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

@@ -19,7 +19,7 @@
     .board {
         display:grid ;
         grid-template-rows: 32px auto;
-        grid-gap:10px;
+        grid-gap:4px;
         
         
     }
@@ -50,7 +50,10 @@
         width:100%;
 
     }
-    .widget .chart iframe {width:100%; height:200px; overflow:hidden}
+    .widget .chart iframe {
+        width:100%; 
+        height:220px; 
+        overflow:hidden}
     
     input[type=text] {
         border:0px;

src/api/templates/dashboard/user-emails.html

@@ -118,6 +118,10 @@ $(document).ready(function(){
 }) ;
 </script>
 
+    
+    
+    <div class="data-frame">
+        <div class="grid">
                 <div id="uid" style="display:none">{{uid|safe}}</div>
                 <div class="search-box border" style="padding:2px; margin-bottom:4px; display:grid; grid-template-columns: auto 64px">
                     <input type="text" id="search" placeholder="[Enter Email Address]" onkeyup="on_keyup(event)"/>
@@ -126,8 +130,22 @@ $(document).ready(function(){
                         <div class="active" align="center" onclick="clear_emails()"><i class="fa fa-times"></i></div>
                     </div>
                 </div>        
-    <div>
+    
                 <div id="emails"></div>
-    <div id="email_pager"></div>
+                <div id="email_pager" style="height:32px;"></div>
+        </div>
+        <div class="comment border-top">
+        
+                Enter emails of people that should be notified :
+                <ul>
+                    <li type="square" >Should an application crash be detected</li>
+                    <li type="square" >Or if a folder/disk threashold is reached.</li>
+        
+                </ul>
             
         </div>
+            
+    </div>
+    
+    
+    

src/utils/charting.py

@@ -104,7 +104,7 @@ class HTMLGraph(Graph):
         
         dataset = {"data":X,"backgroundColor":colors,"datalabels":labels}
         # dataset["title"] = title
-        config = {"type":"doughnut"}
+        config = {"type":"doughnut","responsive":True}
         config["data"] = {"datasets":[dataset],"labels":labels}
         config["options"] = {"responsive":True,"legend":{"position":"right","display":False},"title":{"display":True,"text":title},"animation":{"animateScale":True,"animateRotate":True}}
         
@@ -125,7 +125,7 @@ class HTMLGraph(Graph):
         labels = self.args['labels']
         title = self.args['title']
         series = self.args['series']
-        config = {"type":"line","data":{"datasets":[],"labels":labels}}
+        config = {"type":"line","responsive":True,"data":{"datasets":[],"labels":labels}}
         config["options"] = {"responsive":True,"legend":{"position":"right","display":False},"title":{"display":True,"text":title},"animation":{"animateScale":True,"animateRotate":True}}
         if 'legend' not in self.args['remove'] :
             config['options']['legend']["display"] = True

src/utils/ml/analytics.py

@@ -103,10 +103,10 @@ class apps(analytics) :
         q = []
         for row in slogs :
             
-            r.append( {"x":[row['crash'],row['idle'],row['running']],"labels":['Crash','Idle','Running'],"title":row['node'],"date":row['date']})
+            r.append( {"x":[row['crash'],row['idle'],row['running']],"labels":['Crash','Idle','Running'],"title":"","date":row['date']})
             # q.append({"x":[[row['cpu'],row['mem']]],"labels":["CPU","RAM"],"title":"Resources","date":row['date'],"title":row['node'],"series":[ 'CPU','RAM' ]})
             
-            q.append({"x":[[row['cpu'],0],[0,row['mem']]],"labels":["",""],"title":"","date":row['date'],"title":row['node'],"series":[ 'CPU','RAM' ],"ylabel":"% Resource Used"})
+            q.append({"x":[[row['cpu'],0],[0,row['mem']]],"labels":["",""],"date":row['date'],"title":"","series":[ 'CPU','RAM' ],"ylabel":"% Resource Used"})
             
         self.set('status',r)            
         self.set('resource',q)