From 1eb425897ed04a128cdc36e6fdf96a78f4f35092 Mon Sep 17 00:00:00 2001
From: ncois <nat.coisne@gmail.com>
Date: Sun, 19 Nov 2023 16:42:09 +0100
Subject: [PATCH] Adjust the width of the incoming tx tooltip for 2h timeframe

---
 .../incoming-transactions-graph.component.ts                | 6 +++---
 frontend/src/styles.scss                                    | 1 -
 2 files changed, 3 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 620e26857..703181eba 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,8 +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' : '215px'};
-                      background: transparent;
+        extraCssText: `background: transparent;
                       border: none;
                       box-shadow: none;`,
         axisPointer: {
@@ -233,7 +232,8 @@ export class IncomingTransactionsGraphComponent implements OnInit, OnChanges, On
               }
             }
           });
-          return `<div class="tx-wrapper-tooltip-chart ${(this.template === 'advanced') ? 'tx-wrapper-tooltip-chart-advanced' : ''}">${itemFormatted}</div>`;
+          return `<div class="tx-wrapper-tooltip-chart ${(this.template === 'advanced') ? 'tx-wrapper-tooltip-chart-advanced' : ''}" 
+                  style="width: ${(this.windowPreference === '2h' || this.template === 'widget') ? '125px' : '215px'}">${itemFormatted}</div>`;
         }
       },
       xAxis: [
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index e4e8220b0..10b366601 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -606,7 +606,6 @@ html:lang(ru) .card-title {
 }
 
 .tx-wrapper-tooltip-chart-advanced {
-  width: 215px;
   .indicator-container {
     .indicator {
       margin-right: 5px;