From 7c2849b3313cca52bcf6bfb24e824ac8b5d84eda Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Fri, 13 Mar 2020 22:05:44 +0700
Subject: [PATCH] Adjusting font-sizes. Logo size.

---
 .../blockchain-blocks/blockchain-blocks.component.html |  6 +++---
 .../blockchain-blocks/blockchain-blocks.component.scss | 10 +++++-----
 .../components/master-page/master-page.component.html  |  4 ++--
 .../components/master-page/master-page.component.scss  |  4 ++--
 .../mempool-blocks/mempool-blocks.component.scss       |  4 ++--
 .../components/television/television.component.scss    |  4 ++--
 6 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html
index d1c49bfbf..13570c2f3 100644
--- a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html
+++ b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html
@@ -2,6 +2,9 @@
   <div *ngFor="let block of blocks; let i = index; trackBy: trackByBlocksFn" >
     <div class="text-center bitcoin-block mined-block" id="bitcoin-block-{{ block.height }}" [ngStyle]="getStyleForBlock(block)">
       <a [routerLink]="['/block/', block.id]" [state]="{ data: { block: block } }" class="blockLink">&nbsp;</a>
+      <div class="block-height">
+        <a [routerLink]="['/block/', block.id]" [state]="{ data: { block: block } }">{{ block.height }}</a>
+      </div>
       <div class="block-body">
         <div class="fees">
           <span class="yellow-color">~{{ block.medianFee | ceil }} sat/vB</span>
@@ -11,9 +14,6 @@
         <br /><br />
         <div class="time-difference"><app-time-since [time]="block.timestamp" [fastRender]="true"></app-time-since> ago</div>
       </div>
-      <div class="block-height">
-        <a [routerLink]="['/block/', block.id]" [state]="{ data: { block: block } }">{{ block.height }}</a>
-      </div>
     </div>
   </div>
   <div [hidden]="!arrowVisible" id="arrow-up" [ngStyle]="{'left': arrowLeftPx + 'px' }"></div>
diff --git a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss
index e2b58e859..9f25c8830 100644
--- a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss
+++ b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss
@@ -41,9 +41,9 @@
 }
 
 .fees {
-  font-size: 18px;
+  font-size: 14px;
   margin-top: 10px;
-  margin-bottom: 2px;
+  margin-bottom: 8px;
 }
 
 .transaction-count {
@@ -52,10 +52,10 @@
 
 .block-height {
   position: absolute;
-  font-size: 18px;
-  top: 133px;
+  font-size: 16px;
+  bottom: 160px;
   width: 100%;
-  left: 0px;
+  left: -12px;
   text-shadow: 0px 32px 3px #111;
   z-index: 100;
 }
diff --git a/frontend/src/app/components/master-page/master-page.component.html b/frontend/src/app/components/master-page/master-page.component.html
index 696beb607..b650fa4d4 100644
--- a/frontend/src/app/components/master-page/master-page.component.html
+++ b/frontend/src/app/components/master-page/master-page.component.html
@@ -1,9 +1,9 @@
 <header>
   <nav class="navbar navbar-expand-md navbar-dark bg-dark">
   <a class="navbar-brand" routerLink="/" style="position: relative;">
-    <img src="./assets/mempool-logo.png" width="180" class="logo" [ngStyle]="{'opacity': connectionState === 2 ? 1 : 0.5 }">
+    <img src="./assets/mempool-logo.png" height="35" width="140" class="logo" [ngStyle]="{'opacity': connectionState === 2 ? 1 : 0.5 }">
     <div class="badge badge-warning connection-badge" *ngIf="connectionState === 0">Offline</div>
-    <div class="badge badge-warning connection-badge" style="left: 60px;" *ngIf="connectionState === 1">Reconnecting...</div>
+    <div class="badge badge-warning connection-badge" style="left: 30px;" *ngIf="connectionState === 1">Reconnecting...</div>
   </a>
   
   <button class="navbar-toggler" type="button" (click)="collapse()" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
diff --git a/frontend/src/app/components/master-page/master-page.component.scss b/frontend/src/app/components/master-page/master-page.component.scss
index 7536d3cc2..c1a637def 100644
--- a/frontend/src/app/components/master-page/master-page.component.scss
+++ b/frontend/src/app/components/master-page/master-page.component.scss
@@ -32,6 +32,6 @@ nav {
 .connection-badge {
   margin-left: 10px;
   position: absolute;
-  top: 10px;
-  left: 100px;
+  top: 13px;
+  left: 70px;
 }
\ No newline at end of file
diff --git a/frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss b/frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss
index a52d1594f..159d7af08 100644
--- a/frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss
+++ b/frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss
@@ -45,9 +45,9 @@
 }
 
 .fees {
-  font-size: 18px;
+  font-size: 14px;
   margin-top: 10px;
-  margin-bottom: 2px;
+  margin-bottom: 8px;
 }
 
 .transaction-count {
diff --git a/frontend/src/app/components/television/television.component.scss b/frontend/src/app/components/television/television.component.scss
index da55a9930..60011f43d 100644
--- a/frontend/src/app/components/television/television.component.scss
+++ b/frontend/src/app/components/television/television.component.scss
@@ -11,7 +11,7 @@
 .position-container {
   position: absolute;
   left: 50%;
-  bottom: 185px;
+  bottom: 150px;
 }
 
 .chart-holder {
@@ -37,7 +37,7 @@
 @media (min-width: 1920px) {
   .position-container {
     transform: scale(1.3);
-    bottom: 230px;
+    bottom: 190px;
   }
   .chart-holder {
     height: calc(100% - 280px);