Small UI fixes, related to positioning & float precision

seecloud · Oct 6, 2016 · 811aa7e · 811aa7e
1 parent bbfdecb
commit 811aa7e
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/ceagle/blueprints/cloud_status/templates/health.html b/ceagle/blueprints/cloud_status/templates/health.html
@@ -57,7 +57,10 @@ <h1> API Health </h1>
 
         <div class="row report_line">
                 <div class="col-xs-2 pile">
-                    <div class="status-{{status(pr_name)}}"> {{ pr_name }} FCI <br /> {{ data.projects[pr_name].fci * 100 + "%" }} </div>
+                    <div class="status-{{status(pr_name)}}">
+                        {{ pr_name }} FCI <br />
+                        {{ (data.projects[pr_name].fci * 100).toFixed(2) + "%" }}
+                    </div>
                 </div>
                 <div class="col-xs-3 chart">
                     <d3-line-chart ng-transclude scope="data.projects.{{pr_name}}.fci_score_data" title="FCI Score">

diff --git a/ceagle/blueprints/cloud_status/templates/overview.html b/ceagle/blueprints/cloud_status/templates/overview.html
@@ -55,7 +55,7 @@
       .pile.region_name {
         width: 200px;
         border-right: 1px solid #eee;
-        padding-right: 25px;
+        padding-right: 15px;
 
       }
 

diff --git a/ceagle/static/css/main.css b/ceagle/static/css/main.css
@@ -131,6 +131,11 @@
   margin: 0px;
 }
 
+.main .pile {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
 .main .pile div {
   color: white;
   vertical-align: middle;