From 61e56ab418d1ecda7dae6d6c0d1ec437fa33fe70 Mon Sep 17 00:00:00 2001
From: Shreyas Zare <shreyas@technitium.com>
Date: Sat, 11 May 2019 12:36:04 +0530
Subject: [PATCH] webapp: fixed dashboard stats item css.

---
 DnsServerCore/www/css/main.css | 21 ++++++++++++---------
 DnsServerCore/www/index.html   |  8 ++++----
 2 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/DnsServerCore/www/css/main.css b/DnsServerCore/www/css/main.css
index 46271cfb..8a6a1138 100644
--- a/DnsServerCore/www/css/main.css
+++ b/DnsServerCore/www/css/main.css
@@ -22,6 +22,7 @@ a {
     margin-bottom: -32px;
     box-shadow: 0px 1px 15px 0px #888888;
     width: 100%;
+    min-width: 970px;
 }
 
     #header .title {
@@ -104,6 +105,7 @@ a {
     clear: both;
     position: relative;
     height: 55px;
+    min-width: 970px;
 }
 
     #footer .content {
@@ -124,22 +126,24 @@ a {
                 color: #6699ff;
             }
 
-@media (min-width: 768px) {
-    #header .title, .container, #footer .content {
-        width: 750px;
-    }
-}
-
 @media (min-width: 992px) {
     #header .title, .container, #footer .content {
         width: 970px;
     }
+
+    .stats-panel .stats-item {
+        padding: 4px !important;
+    }
 }
 
 @media (min-width: 1200px) {
     #header .title, .container, #footer .content {
         width: 1170px;
     }
+
+    .stats-panel .stats-item {
+        padding: 6px !important;
+    }
 }
 
 .form-inline .form-group {
@@ -260,11 +264,10 @@ label {
     }
 
     .stats-panel .stats-item {
-        width: 107px;
+        width: 9.7%;
         float: left;
         padding: 6px;
-        margin-right: 3px;
-        margin-bottom: 3px;
+        margin-right: 0.3%;
     }
 
         .stats-panel .stats-item .number {
diff --git a/DnsServerCore/www/index.html b/DnsServerCore/www/index.html
index e015a2ae..3024d2bc 100644
--- a/DnsServerCore/www/index.html
+++ b/DnsServerCore/www/index.html
@@ -176,14 +176,14 @@
 
                                             <div class="stats-item allowedZones">
                                                 <div class="number" id="divDashboardStatsAllowedZones">10</div>
-                                                <div class="percentage">&nbsp;</div>
-                                                <div class="title">Allowed Zones</div>
+                                                <div class="percentage">Zones</div>
+                                                <div class="title">Allowed</div>
                                             </div>
 
                                             <div class="stats-item blockedZones">
                                                 <div class="number" id="divDashboardStatsBlockedZones">10</div>
-                                                <div class="percentage">&nbsp;</div>
-                                                <div class="title">Blocked Zones</div>
+                                                <div class="percentage">Zones</div>
+                                                <div class="title">Blocked</div>
                                             </div>
                                         </div>