layout bug fix

src/api/static/css/default.css

@@ -12,6 +12,8 @@
 body {
     /* margin-left:1%; */
     /* margin-right:1%; */
+    margin:1%;
+    
     font-family:sans-serif;
     font-weight: lighter;
     font-size:14px;
@@ -83,7 +85,7 @@ body {
 
 .data-frame {
     display:grid;
-    margin:4px;
+    margin-left:4px;
     padding:4px;
     grid-template-rows: 80% 20%;
     grid-gap:2px;

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

@@ -69,8 +69,8 @@ var render_emails = function(emails){
 		pageNextText: "<i class='fa fa-chevron-right right' > </i>"
 
 	}
-	options.fields = [{name:'email',css:'small',cssheader:'small bold',title:'Email',width:'90%'},
-	{type:'action',align:'center',cssheader:'small bold',width:'10%',
+	options.fields = [{name:'email',css:'small',cssheader:'small bold',title:'Email'},
+	{type:'action',align:'center',cssheader:'small bold',width:'5%',
 		itemTemplate:function(value,item){
 			// if(value != null){
                 var uid = jx.dom.get.value('uid').trim()                
@@ -124,7 +124,7 @@ $(document).ready(function(){
     <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">
+                <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)"/>
                     <div class="default" style="display:grid; grid-template-columns: 50% 50%; grid-gap:2px">
                         <div class="active" align="center" onclick="save_emails()"><i class="fa fa-check"></i></div>