From 2e2c144cc93c4c8bd707430ab4aa7e4b9d32c5fd Mon Sep 17 00:00:00 2001
From: nymkappa <vialjoris@hotmail.com>
Date: Thu, 17 Feb 2022 18:51:16 +0900
Subject: [PATCH] Fix widgets title in mining dashboard

---
 .../difficulty-chart/difficulty-chart.component.html  |  1 -
 .../mining-dashboard/mining-dashboard.component.html  |  6 ++++--
 .../mining-dashboard/mining-dashboard.component.scss  | 10 ++++++++++
 .../pool-ranking/pool-ranking.component.html          |  1 -
 .../pool-ranking/pool-ranking.component.scss          | 11 -----------
 5 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/frontend/src/app/components/difficulty-chart/difficulty-chart.component.html b/frontend/src/app/components/difficulty-chart/difficulty-chart.component.html
index 31a79e739..ca005f2d4 100644
--- a/frontend/src/app/components/difficulty-chart/difficulty-chart.component.html
+++ b/frontend/src/app/components/difficulty-chart/difficulty-chart.component.html
@@ -1,4 +1,3 @@
-<div class="main-title" i18n="mining.difficulty" *ngIf="widget">Difficulty (1y)</div>
 <div [class]="widget === false ? 'container-xl' : ''">
 
   <div *ngIf="difficultyObservable$ | async" class="" echarts [initOpts]="chartInitOptions" [options]="chartOptions"></div>
diff --git a/frontend/src/app/components/mining-dashboard/mining-dashboard.component.html b/frontend/src/app/components/mining-dashboard/mining-dashboard.component.html
index 12bd06303..f8f52fc9a 100644
--- a/frontend/src/app/components/mining-dashboard/mining-dashboard.component.html
+++ b/frontend/src/app/components/mining-dashboard/mining-dashboard.component.html
@@ -1,9 +1,10 @@
-<div class="container-xl">
+<div class="container-xl dashboard-container">
   
-  <div class="row row-cols-1 row-cols-md-2 mt-3">
+  <div class="row row-cols-1 row-cols-md-2">
 
     <!-- pool distribution -->
     <div class="col">
+      <div class="main-title" i18n="mining.pool-share">Mining Pools Share (1w)</div>
       <div class="card">
         <div class="card-body">
           <app-pool-ranking [widget]=true></app-pool-ranking>
@@ -15,6 +16,7 @@
 
     <!-- difficulty -->
     <div class="col">
+      <div class="main-title" i18n="mining.difficulty">Difficulty (1y)</div>
       <div class="card">
         <div class="card-body">
           <app-difficulty-chart [widget]=true></app-difficulty-chart>
diff --git a/frontend/src/app/components/mining-dashboard/mining-dashboard.component.scss b/frontend/src/app/components/mining-dashboard/mining-dashboard.component.scss
index 2e5ad3824..98e4e7d4d 100644
--- a/frontend/src/app/components/mining-dashboard/mining-dashboard.component.scss
+++ b/frontend/src/app/components/mining-dashboard/mining-dashboard.component.scss
@@ -45,3 +45,13 @@
   -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 80%, transparent 100%)
 }
   
+.main-title {
+  position: relative;
+  color: #ffffff91;
+  margin-top: -13px;
+  font-size: 10px;
+  text-transform: uppercase;
+  font-weight: 500;
+  text-align: center;
+  padding-bottom: 3px;
+}
diff --git a/frontend/src/app/components/pool-ranking/pool-ranking.component.html b/frontend/src/app/components/pool-ranking/pool-ranking.component.html
index 65c9a9dc1..a687e41c7 100644
--- a/frontend/src/app/components/pool-ranking/pool-ranking.component.html
+++ b/frontend/src/app/components/pool-ranking/pool-ranking.component.html
@@ -1,4 +1,3 @@
-<div class="main-title" i18n="mining.pool-share" *ngIf="widget">Mining Pools Share ({{ poolsWindowPreference }})</div>
 <div [class]="widget === false ? 'container-xl' : ''">
 
   <div class="hashrate-pie" echarts [initOpts]="chartInitOptions" [options]="chartOptions" (chartInit)="onChartInit($event)"></div>
diff --git a/frontend/src/app/components/pool-ranking/pool-ranking.component.scss b/frontend/src/app/components/pool-ranking/pool-ranking.component.scss
index 0e8dcfd6b..3cf52b6ce 100644
--- a/frontend/src/app/components/pool-ranking/pool-ranking.component.scss
+++ b/frontend/src/app/components/pool-ranking/pool-ranking.component.scss
@@ -30,14 +30,3 @@
       padding: .3em !important;
    }
  }
-
-.main-title {
-  position: relative;
-  color: #ffffff91;
-  margin-top: -13px;
-  font-size: 10px;
-  text-transform: uppercase;
-  font-weight: 500;
-  text-align: center;
-  padding-bottom: 3px;
-}