From 811aa7e24e071989899323d877aaea73bd986c6a Mon Sep 17 00:00:00 2001
From: Boris Pavlovic <boris@pavlovic.me>
Date: Thu, 6 Oct 2016 03:04:29 -0700
Subject: [PATCH] Small UI fixes, related to positioning & float precision

---
 ceagle/blueprints/cloud_status/templates/health.html   | 5 ++++-
 ceagle/blueprints/cloud_status/templates/overview.html | 2 +-
 ceagle/static/css/main.css                             | 5 +++++
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/ceagle/blueprints/cloud_status/templates/health.html b/ceagle/blueprints/cloud_status/templates/health.html
index db273e4..24ea4d4 100644
--- 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
index c823c2f..fbe8e02 100644
--- 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
index 549ae10..6e835a9 100644
--- 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;