From 180c592d5f8b8f029235e06b7262f55e5fea221a Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Wed, 27 Nov 2024 22:57:09 +0200
Subject: [PATCH] Improve the close tab button

---
 src/public/stylesheets/theme-next.css | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css
index 6d96d92f5..82d136bdb 100644
--- a/src/public/stylesheets/theme-next.css
+++ b/src/public/stylesheets/theme-next.css
@@ -121,7 +121,8 @@
    --gutter-color: transparent;
    --gutter-hover-color: #bfbfbf;
 
-   --tab-close-button-hover-background: #d7d7d7;
+   --tab-close-button-hover-background: #c95a5a;
+   --tab-close-button-hover-color: white;
 
    --active-tab-background-color: white;
    --active-tab-hover-background-color: var(--active-tab-background-color);
@@ -228,7 +229,8 @@
         --gutter-color: transparent;
         --gutter-hover-color: #5e5e5e;
 
-        --tab-close-button-hover-background: #e2e2e2;
+        --tab-close-button-hover-background: #c95a5a;
+        --tab-close-button-hover-color: white;
 
         --active-tab-background-color: #666;
         --active-tab-hover-background-color: #737373;
@@ -478,8 +480,15 @@
     font-weight: unset !important;
 }
 
+.tab-row-widget .note-tab-close {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
 .tab-row-widget .note-tab-close:hover {
     background: var(--tab-close-button-hover-background) !important;
+    color: var(--tab-close-button-hover-color) !important;
 }
 
 .tab-row-widget .note-new-tab {