From 11de94cf905247e9e95fc6e2cda160daf8817751 Mon Sep 17 00:00:00 2001
From: nymkappa <vialjoris@hotmail.com>
Date: Sat, 12 Mar 2022 16:44:21 +0100
Subject: [PATCH] Pool icon clickable - blocks list pagination margin

---
 .../components/blocks-list/blocks-list.component.html  | 10 +++++-----
 .../components/blocks-list/blocks-list.component.scss  |  7 +++++++
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/components/blocks-list/blocks-list.component.html b/frontend/src/app/components/blocks-list/blocks-list.component.html
index f14261190..7cc7b2e17 100644
--- a/frontend/src/app/components/blocks-list/blocks-list.component.html
+++ b/frontend/src/app/components/blocks-list/blocks-list.component.html
@@ -23,11 +23,11 @@
             }}</a>
         </td>
         <td class="pool text-left" [class]="widget ? 'widget' : ''">
-          <img width="25" height="25" src="{{ block.extras.pool['logo'] }}"
+          <a class="clear-link"[routerLink]="[('/mining/pool/' + block.extras.pool.id) | relativeUrl]">
+            <img width="25" height="25" src="{{ block.extras.pool['logo'] }}"
             onError="this.src = './resources/mining-pools/default.svg'">
-          <span class="pool-name"><a class="clear-link"
-              [routerLink]="[('/mining/pool/' + block.extras.pool.id) | relativeUrl]">{{
-              block.extras.pool.name }}</a></span>
+            <span class="pool-name">{{ block.extras.pool.name }}</span>
+          </a>
         </td>
         <td class="timestamp" *ngIf="!widget">
           &lrm;{{ block.timestamp * 1000 | date:'yyyy-MM-dd HH:mm' }}
@@ -86,7 +86,7 @@
     </ng-template>
   </table>
 
-  <ngb-pagination *ngIf="!widget" class="pagination-container float-right mt-3 mb-3 mb-lg-0"
+  <ngb-pagination *ngIf="!widget" class="pagination-container float-right mt-2"
     [class]="isLoading ? 'disabled' : ''" [collectionSize]="blocksCount" [rotate]="true" [maxSize]="5" [pageSize]="15"
     [(page)]="page" (pageChange)="pageChange(page)" [boundaryLinks]="true" [ellipses]="false">
   </ngb-pagination>
diff --git a/frontend/src/app/components/blocks-list/blocks-list.component.scss b/frontend/src/app/components/blocks-list/blocks-list.component.scss
index ba64fd6ed..b9a19f927 100644
--- a/frontend/src/app/components/blocks-list/blocks-list.component.scss
+++ b/frontend/src/app/components/blocks-list/blocks-list.component.scss
@@ -118,3 +118,10 @@ td {
     width: 20%;
   }
 }
+
+.pagination-container {
+  margin-bottom: 40px;
+  @media (max-width: 992px) {
+    margin-bottom: 80px;
+  }
+}
\ No newline at end of file