From 9d0bfdfa88e22e64a192ef702bf7b017f6683233 Mon Sep 17 00:00:00 2001
From: ncois <nat.coisne@gmail.com>
Date: Fri, 17 Nov 2023 13:47:28 +0100
Subject: [PATCH] Increase tooltip width in mempool graphs

---
 .../incoming-transactions-graph.component.ts                  | 2 +-
 .../app/components/mempool-graph/mempool-graph.component.ts   | 2 +-
 frontend/src/styles.scss                                      | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/components/incoming-transactions-graph/incoming-transactions-graph.component.ts b/frontend/src/app/components/incoming-transactions-graph/incoming-transactions-graph.component.ts
index 10fe22067..620e26857 100644
--- a/frontend/src/app/components/incoming-transactions-graph/incoming-transactions-graph.component.ts
+++ b/frontend/src/app/components/incoming-transactions-graph/incoming-transactions-graph.component.ts
@@ -209,7 +209,7 @@ export class IncomingTransactionsGraphComponent implements OnInit, OnChanges, On
           obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 80;
           return obj;
         },
-        extraCssText: `width: ${(['2h', '24h'].includes(this.windowPreference) || this.template === 'widget') ? '125px' : '135px'};
+        extraCssText: `width: ${(['2h', '24h'].includes(this.windowPreference) || this.template === 'widget') ? '125px' : '215px'};
                       background: transparent;
                       border: none;
                       box-shadow: none;`,
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 435711e48..43a58a420 100644
--- a/frontend/src/app/components/mempool-graph/mempool-graph.component.ts
+++ b/frontend/src/app/components/mempool-graph/mempool-graph.component.ts
@@ -230,7 +230,7 @@ export class MempoolGraphComponent implements OnInit, OnChanges {
           positions[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 100;
           return positions;
         },
-        extraCssText: `width: ${(this.template === 'advanced') ? '275px' : '200px'};
+        extraCssText: `width: ${(this.template === 'advanced') ? '310px' : '200px'};
                       background: transparent;
                       border: none;
                       box-shadow: none;`,
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 078b6b30a..e4e8220b0 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -519,7 +519,7 @@ html:lang(ru) .card-title {
 .fees-wrapper-tooltip-chart-advanced,
 .tx-wrapper-tooltip-chart-advanced {
   background: rgba(#1d1f31, 0.98);
-  width: 275px;
+  width: 310px;
 
   thead {
     th {
@@ -606,7 +606,7 @@ html:lang(ru) .card-title {
 }
 
 .tx-wrapper-tooltip-chart-advanced {
-  width: 140px;
+  width: 215px;
   .indicator-container {
     .indicator {
       margin-right: 5px;