From f66e0a2c120fbfd95498fbee3ecfb7b6874c017e Mon Sep 17 00:00:00 2001
From: Miguel Medeiros <miguel@miguelmedeiros.com.br>
Date: Thu, 7 Oct 2021 16:19:57 -0300
Subject: [PATCH] Make tooltip style looks bigger

---
 .../components/mempool-graph/mempool-graph.component.ts    | 2 +-
 frontend/src/styles.scss                                   | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/components/mempool-graph/mempool-graph.component.ts b/frontend/src/app/components/mempool-graph/mempool-graph.component.ts
index c02e8d3f7..9785fe7b0 100644
--- a/frontend/src/app/components/mempool-graph/mempool-graph.component.ts
+++ b/frontend/src/app/components/mempool-graph/mempool-graph.component.ts
@@ -163,7 +163,7 @@ export class MempoolGraphComponent implements OnInit, OnChanges {
         trigger: 'axis',
         alwaysShowContent: false,
         position: (pos, params, el, elRect, size) => {
-          const positions = { top: (this.template === 'advanced') ? 30 : -30 };
+          const positions = { top: (this.template === 'advanced') ? 0 : -30 };
           positions[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 60;
           return positions;
         },
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 22e1f2d38..aee1f8b16 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -453,7 +453,7 @@ html:lang(ru) .card-title {
 .fees-wrapper-tooltip-chart-advanced,
 .tx-wrapper-tooltip-chart-advanced {
   background: rgba(#1d1f31, 0.98);
-  width: 250px;
+  width: 275px;
 
   thead {
     th {
@@ -470,11 +470,12 @@ html:lang(ru) .card-title {
     margin-bottom: 5px;
   }
   .item {
-    line-height: 1;
+    line-height: 1.25;
+    font-size: 11px;
     .value {
       width: 60px;
       .symbol {
-        font-size: 10px !important;
+        font-size: 9px !important;
       }
     }
     .total-partial {