From b9c9785c303d7aaea86e42986f3ffb9559669352 Mon Sep 17 00:00:00 2001
From: Prema <premlatha.blaze@gmail.com>
Date: Thu, 8 Aug 2019 19:07:00 +0530
Subject: [PATCH] UI changes

---
 .../block-detail-list.component.html          | 33 +++++++++++++++----
 src/assets/css/style.css                      |  3 ++
 2 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/src/app/view/home/block-detail-list/block-detail-list.component.html b/src/app/view/home/block-detail-list/block-detail-list.component.html
index 05ea132..8834194 100644
--- a/src/app/view/home/block-detail-list/block-detail-list.component.html
+++ b/src/app/view/home/block-detail-list/block-detail-list.component.html
@@ -60,19 +60,40 @@
         title="Target / Total Block Difficulty"
         [ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''"
       >
+
         <!-- <p class="difficulty_datas">Cuckaroo : {{latestblockdetail.targetdifficultycuckaroo | number}} / {{latestblockdetail.TotalDifficultyCuckatoo | number}}</p> -->
-        <p class="difficulty_datas">
-          Cuckoo : {{ latestblockdetail.targetdifficultycuckatoo | number }} /
-          {{ latestblockdetail.TotalDifficultyCuckatoo | number }}
-        </p>
-        <p class="difficulty_datas">
+        <div class="difficulty_datas">
+          <span class="day60_txt">Cuckoo</span> 
+          <div>
+            <span>Target Difficulty:</span><span>{{ latestblockdetail.targetdifficultycuckatoo | number }}</span><br>
+            <span>Total Difficulty</span><span>{{ latestblockdetail.TotalDifficultyCuckatoo | number }}</span>
+          </div>
+          
+        </div>
+        <div class="difficulty_datas">
+            <span class="day60_txt">ProgPow </span> 
+            <div>
+              <span>Target Difficulty:</span><span>{{ latestblockdetail.targetdifficultyprogpow | number }}</span><br>
+              <span>Total Difficulty</span><span>{{ latestblockdetail.TotalDifficultyProgpow | number }}</span>
+            </div>
+            
+          </div>
+          <div class="difficulty_datas">
+             <span class="day60_txt"> RandomX </span>
+              <div>
+                <span>Target Difficulty:</span><span>{{ latestblockdetail.targetdifficultyrandomx | number }}</span><br>
+                <span>Total Difficulty</span><span>{{ latestblockdetail.TotalDifficultyRandomx | number }}</span>
+              </div>
+              
+            </div>
+        <!-- <p class="difficulty_datas">
           ProgPow : {{ latestblockdetail.targetdifficultyprogpow | number }} /
           {{ latestblockdetail.TotalDifficultyProgpow | number }}
         </p>
         <p class="difficulty_datas">
           RandomX : {{ latestblockdetail.targetdifficultyrandomx | number }} /
           {{ latestblockdetail.TotalDifficultyRandomx | number }}
-        </p>
+        </p> -->
       </div>
     </div>
   </div>
diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index c548b6d..d013216 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -288,6 +288,9 @@ a:focus {
   padding: 20px;
   transition: 0.3s linear all;
   min-height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
 .detail_div .count {
   font-size: 25px;