From e4707bd6ee3c9f78a050196380fbbf7eadcf5358 Mon Sep 17 00:00:00 2001
From: Julian Kropff <j.kropff@stud.unibas.ch>
Date: Thu, 7 May 2026 16:25:45 +0200
Subject: [PATCH] Style: improve help button in taskbar fxml

---
 .../ui-structure/gameuicomponents/Taskbar.fxml | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/main/resources/ui-structure/gameuicomponents/Taskbar.fxml b/src/main/resources/ui-structure/gameuicomponents/Taskbar.fxml
index d08578e..15f9888 100644
--- a/src/main/resources/ui-structure/gameuicomponents/Taskbar.fxml
+++ b/src/main/resources/ui-structure/gameuicomponents/Taskbar.fxml
@@ -6,7 +6,7 @@
 <!-- movable taskbar -->
 <HBox xmlns="http://javafx.com/javafx/21"
       xmlns:fx="http://javafx.com/fxml/1"
-        fx:controller="ch.unibas.dmi.dbis.cs108.casono.client.ui.gameui.gameuicomponents.TaskbarController"
+      fx:controller="ch.unibas.dmi.dbis.cs108.casono.client.ui.gameui.gameuicomponents.TaskbarController"
       fx:id="taskbar"
       styleClass="taskbar"
       spacing="15"
@@ -17,10 +17,18 @@
       layoutX="50.0" layoutY="710.0">
 
     <!-- Placeholder buttons -->
-    <Button text="SETTINGS" styleClass="gray-button" />
-        <Button text="HIGHSCORE" onAction="#onHighscoreButtonClick" styleClass="gray-button" />
-    <!-- Buten for the Casono Browser -->
-    <Button text="HELP" onAction="#onBrowserButtonClick" styleClass="gray-button" />
+    <Button text="SETTINGS" onAction="#onSettingsButtonClick" styleClass="gray-button" />
+    <Button text="HIGHSCORE" onAction="#onHighscoreButtonClick" styleClass="gray-button" />
+
+    <!-- Help Button with Dropdown Menu -->
+    <MenuButton text="HELP" styleClass="gray-button">
+        <items>
+            <MenuItem text="SHOW TIPS" onAction="#onShowTipsButtonClick" />
+            <MenuItem text="CASONO BROWSER: Manula" onAction="#onBrowserButtonClick" />
+            <MenuItem text="CASONO BROWSER: wiki.org" onAction="#onBrowserButtonClickWiki" />
+            <MenuItem text="CASONO BROWSER: search.brave.com" onAction="#onBrowserButtonClickBrave" />
+        </items>
+    </MenuButton>
 
     <!-- Vertical dividing line: Creates a visual separation between two button areas -->
     <Separator orientation="VERTICAL" prefHeight="20" opacity="0.3" />