From 3cb6849e5b819bae455ebb838cc62ff75d3dd662 Mon Sep 17 00:00:00 2001
From: Craine Runton <crunton@squaretwofinancial.com>
Date: Fri, 17 Jun 2016 14:23:35 -0600
Subject: [PATCH] Closes #10. Made more use of x-large screen space for users
 on very large monitors.

---
 web_service/index.html                  | 2 +-
 web_service/js/tls-dashboard/scripts.js | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web_service/index.html b/web_service/index.html
index 06a017b..eee2a1d 100644
--- a/web_service/index.html
+++ b/web_service/index.html
@@ -21,7 +21,7 @@
         <div class="col-xs-12 text-center bg-primary"><h3><small>Created: <span id="created_date"></span></small></h3></div>
       </div>
       <div class="row" style="margin-top: 1rem;">
-        <div class="col-xs-12 col-lg-10 col-lg-push-1">
+        <div class="col-xs-12">
           <div id="panel" class="card-deck">
           </div>
         </div>
diff --git a/web_service/js/tls-dashboard/scripts.js b/web_service/js/tls-dashboard/scripts.js
index b8f9e90..8ebb331 100644
--- a/web_service/js/tls-dashboard/scripts.js
+++ b/web_service/js/tls-dashboard/scripts.js
@@ -9,10 +9,10 @@ $(function () {
   });
   
   var card_html = String()
-    +'<div class="col-xs-12 col-md-6 col-xl-4">'
+    +'<div class="col-xs-12 col-md-6 col-lg-4 col-xl-3">'
     +'  <div class="card text-xs-center" style="border-color:#333;">'
-    +'    <div class="card-header" style="overflow:hidden;">'
-    +'      <h4 class="text-muted" style="margin-bottom:0;">{{server}}</h4>'
+    +'    <div class="card-header" style="">'
+    +'      <h4 class="text-muted" style="margin-bottom:0;padding-bottom:.25rem;;overflow:hidden;text-overflow:ellipsis;">{{server}}</h4>'
     +'    </div>'
     +'    <div class="card-block {{background}}">'
     +'      <h1 class="card-text display-4" style="margin-top:0;margin-bottom:-1rem;">{{days_left}}</h1>'
@@ -20,7 +20,7 @@ $(function () {
     +'    </div>'
     +'    <div class="card-footer">'
     +'      <h6 class="text-muted" style="margin-bottom:.5rem;">Issued by: {{issuer}}</h6>'
-    +'      <h6 class="text-muted" style=""><small>{{issuer_cn}}</small></h6>'
+    +'      <h6 class="text-muted" style="overflow:hidden;text-overflow:ellipsis;"><small>{{issuer_cn}}</small></h6>'
     +'      <h6 class="text-muted" style="margin-bottom:0;"><small>{{common_name}}</small></h6>'
     +'    </div>'
     +'  </div>'