From e8d3ead2c736fc323ac8459382ce0ee18feb0b4a Mon Sep 17 00:00:00 2001
From: Akinwale Ariwodola <akinwale@gmail.com>
Date: Mon, 3 Dec 2018 18:23:59 +0100
Subject: [PATCH] update home page style to accommodate new difficulty values

---
 src/Template/Main/index.ctp | 8 ++++----
 webroot/css/main.css        | 4 +++-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/Template/Main/index.ctp b/src/Template/Main/index.ctp
index eb96c3f..8b0ecf3 100644
--- a/src/Template/Main/index.ctp
+++ b/src/Template/Main/index.ctp
@@ -127,22 +127,22 @@
         </div>
 
         <div class="stats">
-            <div class="box">
+            <div class="box box-20">
                 <div class="title">Block Height</div>
                 <div class="value"><?php echo $recentBlocks[0]->Height ?></div>
             </div>
 
-            <div class="box">
+            <div class="box box-30">
                 <div class="title">Difficulty</div>
                 <div class="value" title="<?php echo $recentBlocks[0]->Difficulty ?>"><?php echo number_format($recentBlocks[0]->Difficulty, 2, '.', '') ?></div>
             </div>
 
-            <div class="box">
+            <div class="box box-30">
                 <div class="title">Network</div>
                 <div class="value"><?php echo $hashRate ?></div>
             </div>
 
-            <div class="box last">
+            <div class="box box-20 last">
                 <div class="title">Price</div>
                 <div class="value"><?php echo $lbcUsdPrice ?></div>
             </div>
diff --git a/webroot/css/main.css b/webroot/css/main.css
index c400838..b9f9376 100644
--- a/webroot/css/main.css
+++ b/webroot/css/main.css
@@ -220,7 +220,9 @@ footer .content .page-time { position: absolute; right: 12px; bottom: 0px; paddi
 .stats-main h3 { font-weight: 300; margin: 0 0 12px 0 }
 
 .stats { width: 1000px; margin: 0 auto 48px auto; box-shadow: 0 2px 6px rgba(0,0,0,.175); border: 1px solid rgba(0,0,0,.15); padding: 24px; cursor: default }
-.stats .box { padding: 24px 0; border-right: 1px solid #ccc; float: left; text-align: center; width: 25% }
+.stats .box { padding: 24px 0; border-right: 1px solid #ccc; float: left; text-align: center }
+.stats .box-20 { width: 20% }
+.stats .box-30 { width: 30% }
 .stats .box .title { color: #1e88e5; font-size: 90% }
 .stats .box .value { font-size: 180%; font-weight: 300; margin-top: 8px }
 .stats .box.last { border-color: transparent }