add styling to the bottom bar in loginView

einaskoi · May 18, 2026 · a7400c0 · a7400c0
1 parent e8ae661
commit a7400c0
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 7 deletions.
diff --git a/src/main/java/edu/ntnu/idi/idatt2003/gruppe42/View/Views/Components/DesktopBottomBar.java b/src/main/java/edu/ntnu/idi/idatt2003/gruppe42/View/Views/Components/DesktopBottomBar.java
@@ -104,9 +104,9 @@ private HBox buildHeartsBox(final Player player) {
   }
 
   private Label styledLabel(final String styleClass) {
-    Label l = new Label();
-    l.getStyleClass().add(styleClass);
-    return l;
+    Label label = new Label();
+    label.getStyleClass().add(styleClass);
+    return label;
   }
 
   public Label getPlayerLabel() {

diff --git a/src/main/java/edu/ntnu/idi/idatt2003/gruppe42/View/Views/StartView.java b/src/main/java/edu/ntnu/idi/idatt2003/gruppe42/View/Views/StartView.java
@@ -73,9 +73,9 @@ public BorderPane getRoot() {
     startingMoneyOptions.setAlignment(Pos.CENTER);
 
     // Starting Money Options
-    RadioButton easyCheck   = new RadioButton("Easy ($1000)");
+    RadioButton easyCheck = new RadioButton("Easy ($1000)");
     RadioButton mediumCheck = new RadioButton("Medium ($100)");
-    RadioButton hardCheck   = new RadioButton("Hard ($0)");
+    RadioButton hardCheck = new RadioButton("Hard ($0)");
     easyCheck.getStyleClass().add("difficulty-label");
     mediumCheck.getStyleClass().add("difficulty-label");
     hardCheck.getStyleClass().add("difficulty-label");
@@ -90,8 +90,11 @@ public BorderPane getRoot() {
     );
 
     settingsButton = new Button("⚙");
-    settingsButton.getStyleClass().add("desktop-settings-button");
-    root.setBottom(settingsButton);
+    settingsButton.getStyleClass().add("login-settings-button");
+
+    HBox bottomBar = new HBox(settingsButton);
+    bottomBar.getStyleClass().add("login-bottom-bar");
+    root.setBottom(bottomBar);
 
     content.getChildren().add(loginContainer);
     content.getStyleClass().add("login-root");

diff --git a/src/main/resources/css/login.css b/src/main/resources/css/login.css
@@ -51,3 +51,14 @@
     -fx-font-size: 14px;
     -fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0, 0.8), 2, 0, 0, 1);
 }
+
+.login-settings-button {
+    -fx-background-color: transparent;
+    -fx-text-fill: white;
+    -fx-font-size: 18px;
+    -fx-cursor: hand;
+}
+
+.login-bottom-bar {
+    -fx-background-color: rgba(0, 0, 0, 0.7);
+}