From f49dfe10e5076ff61117ad0d9cc6194c0333f98a Mon Sep 17 00:00:00 2001
From: Maik <kampmeier.dev@protonmail.com>
Date: Sat, 13 Jun 2026 22:35:01 +0200
Subject: [PATCH] adjustments for buttons

---
 gui/components/stats.py |  6 ++++--
 gui/gui.py              |  1 +
 static/index.html       | 15 ++++++---------
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/gui/components/stats.py b/gui/components/stats.py
index c5a97ff..aa57011 100755
--- a/gui/components/stats.py
+++ b/gui/components/stats.py
@@ -70,7 +70,8 @@ class StatsDisplay:
             command=self._terminate_app,
             font=("Arial", 16),
             height=40,
-            fg_color="#2aa44f"  # Professional green
+            fg_color="#2aa44f",
+            hover_color="#238c44"
         ).pack(pady=20, side="bottom", anchor="center")
         
         self.stats_window.protocol("WM_DELETE_WINDOW", self._terminate_app)
@@ -99,7 +100,8 @@ class StatsDisplay:
             command=lambda: self._close_exit_popup(on_back_to_start),
             font=("Arial", 16),
             height=40,
-            fg_color="#2aa44f"
+            fg_color="#2aa44f",
+            hover_color="#238c44"
         ).pack(pady=20, side="bottom", anchor="center")
 
     def _close_exit_popup(self, callback):
diff --git a/gui/gui.py b/gui/gui.py
index cb4477b..956e161 100755
--- a/gui/gui.py
+++ b/gui/gui.py
@@ -220,6 +220,7 @@ class BlackjackGUI:
             text="Start Training",
             command=self._start_training,
             fg_color="#2aa44f",
+            hover_color="#238c44",
             text_color="white",
             font=("Arial", 20, "bold"),
             height=45,
diff --git a/static/index.html b/static/index.html
index 4e7bac0..cd111ca 100644
--- a/static/index.html
+++ b/static/index.html
@@ -18,11 +18,9 @@ body{background:#2b2b2b;color:#fff;font-family:Arial,sans-serif;display:flex;jus
 #actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:340px;margin:16px 0 8px}
 .action-btn{padding:12px;font-size:20px;border:none;border-radius:8px;cursor:pointer;background:#fff;color:#000;font-weight:700;transition:background .15s,color .15s}
 .action-btn:disabled{background:#555;color:#999;cursor:not-allowed}
-#btn-hint{background:#fff;color:#000;font-size:20px;border:none;border-radius:8px;padding:12px 40px;cursor:pointer;margin:8px 0;font-weight:700}
-#btn-hint:disabled{background:#555;color:#999;cursor:not-allowed}
+.btn-util{background:#fff;color:#000;font-size:20px;border:none;border-radius:8px;padding:12px 20px;cursor:pointer;margin:8px 0;font-weight:700;width:220px}
+.btn-util:disabled{background:#555;color:#999;cursor:not-allowed}
 #feedback{font-size:20px;text-align:center;min-height:60px;padding:10px;width:100%;max-width:550px;line-height:1.4;word-wrap:break-word}
-#btn-next{background:#fff;color:#000;font-size:20px;border:none;border-radius:8px;padding:12px 40px;cursor:pointer;margin:8px 0;font-weight:700}
-#btn-next:disabled{background:#555;color:#999;cursor:not-allowed}
 #toast{position:fixed;top:20px;right:20px;background:#3a7ebf;color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:700;opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s;pointer-events:none;z-index:1000}
 #toast.show{opacity:1;transform:translateY(0)}
 #lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);justify-content:center;align-items:center;z-index:999;cursor:pointer}
@@ -47,8 +45,7 @@ body{background:#2b2b2b;color:#fff;font-family:Arial,sans-serif;display:flex;jus
 .scenario-header{font-size:16px;font-weight:700;color:#fff;margin-top:16px;margin-bottom:8px}
 #btn-back-to-start{background:#2aa44f;color:#fff;font-size:18px;border:none;border-radius:8px;padding:12px 36px;cursor:pointer;font-weight:700;margin-top:8px}
 #btn-back-to-start:hover{background:#238c44}
-#btn-exit{background:#555;color:#ccc;font-size:16px;border:none;border-radius:6px;padding:8px 24px;cursor:pointer;font-weight:400;margin-top:4px}
-#btn-exit:hover{background:#666;color:#fff}
+#btn-exit{background:#555;color:#ccc;margin-top:4px}
 </style>
 </head>
 <body>
@@ -81,10 +78,10 @@ body{background:#2b2b2b;color:#fff;font-family:Arial,sans-serif;display:flex;jus
         <button class="action-btn" id="btn-double">Double</button>
         <button class="action-btn" id="btn-split">Split</button>
       </div>
-      <button id="btn-hint">Hint</button>
+      <button id="btn-hint" class="btn-util">Hint</button>
       <div id="feedback"></div>
-      <button id="btn-next" disabled>Next Round</button>
-      <button id="btn-exit">Exit</button>
+      <button id="btn-next" class="btn-util" disabled>Next Round</button>
+      <button id="btn-exit" class="btn-util">Exit</button>
     </div>
   </div>
 </div>