From a54e919ed5d4b049447b44acde185d0aa350cd1c Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Mon, 25 May 2026 22:00:13 +0200
Subject: [PATCH] feat: Style and layout enchancements

---
 .../components/elements/RecieptComponent.java |  10 +-
 .../elements/SearchBarComponent.java          |  43 ++----
 .../components/elements/ShareComponent.java   |   5 +-
 .../elements/TransactionComponent.java        |   5 +-
 .../idatt/view/components/ui/UIFactory.java   | 124 ++++++++++++------
 .../ntnu/idi/idatt/view/util/CssUtils.java    |   2 +
 .../idi/idatt/view/util/ResourceUtils.java    |   2 -
 src/main/resources/themes/default.css         |  68 +++++-----
 8 files changed, 145 insertions(+), 114 deletions(-)

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/RecieptComponent.java b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/RecieptComponent.java
index 16e39d4..8ada10f 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/RecieptComponent.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/RecieptComponent.java
@@ -41,7 +41,9 @@ public RecieptComponent(Transaction transaction) {
     CssUtils.apply(title, CssUtils.BIG_TEXT_32);
 
     Label operation = new Label();
-    String operationString = "Transaction type: %s, week: %d";
+    String operationString = "Transaction type: %s";
+
+    Label week = new Label(String.format("Week: %s", transaction.getWeek()));
 
     Label shareName = new Label(String.format("Share: %s", transaction.getShare().getStock().toString()));
     Label shareAmount = new Label(String.format("Amount: %.3f", transaction.getShare().getQuantity()));
@@ -60,14 +62,14 @@ public RecieptComponent(Transaction transaction) {
 
     Label profits = new Label();
 
-    List<Label> labels = List.of(shareName, operation, shareAmount,
+    List<Label> labels = List.of(week, shareName, operation, shareAmount,
         gross, tax, comission, total, profits);
 
     labels.forEach(l -> CssUtils.apply(l, CssUtils.MED_TEXT_16));
 
     if (transaction instanceof Purchase) {
       PurchaseCalculator calc = (PurchaseCalculator) transaction.getCalculator();
-      operation.setText(String.format(operationString, "Purchase", transaction.getWeek()));
+      operation.setText(String.format(operationString, "Purchase"));
       gross.setText(String.format(grossString, calc.calculateGross()));
       tax.setText(String.format(taxString, calc.calculateTax()));
       comission.setText(String.format(comissionString, calc.calculateCommision()));
@@ -91,6 +93,7 @@ public RecieptComponent(Transaction transaction) {
         .growWithAlignment(Pos.CENTER)
         .addAllContent(title,
             operation,
+            week,
             new Label(" "), // Small filler
             shareName,
             shareAmount,
@@ -104,6 +107,7 @@ public RecieptComponent(Transaction transaction) {
 
     this.getChildren().add(uiReciept.makeUI());
     this.getStyleClass().add("dark");
+    this.setStyle("-fx-background-radius: 20;");
     this.setMaxSize(700, 500);
     this.setPrefWidth(700);
     StackPane.setAlignment(this, Pos.CENTER);
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/SearchBarComponent.java b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/SearchBarComponent.java
index 1c671dd..b589909 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/SearchBarComponent.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/SearchBarComponent.java
@@ -1,11 +1,9 @@
 package edu.ntnu.idi.idatt.view.components.elements;
 
-import edu.ntnu.idi.idatt.view.components.primitives.ActionEventHandler;
 import javafx.beans.property.SimpleStringProperty;
-import javafx.beans.property.StringProperty;
+import javafx.geometry.Insets;
 import javafx.geometry.Pos;
 import javafx.scene.control.TextField;
-import javafx.scene.image.Image;
 import javafx.scene.layout.HBox;
 
 /**
@@ -13,13 +11,12 @@
  *
  * <p>
  * JavaFX Component for handeling repetative tasks.
- * Creates a searchbar with search icon.
+ * Creates a searchbar.
  * </p>
  */
 public class SearchBarComponent extends HBox {
 
-  private final StringProperty query = new SimpleStringProperty();
-  private final IconComponent searchIcon;
+  private final SimpleStringProperty query = new SimpleStringProperty();
 
   /**
    * Constructor for SearchBarComponent.
@@ -28,44 +25,26 @@ public class SearchBarComponent extends HBox {
    */
   public SearchBarComponent(String placeholder) {
 
-    HBox wrapper = new HBox();
-    wrapper.getStyleClass().add("searchbar");
-    wrapper.setAlignment(Pos.CENTER);
+    this.setAlignment(Pos.CENTER);
 
     TextField searchBar = new TextField();
     searchBar.getStyleClass().add("searchbar-field");
     searchBar.setPromptText(placeholder);
-    searchBar.setMaxHeight(Double.MAX_VALUE);
     searchBar.textProperty().bindBidirectional(query);
     searchBar.setFocusTraversable(false);
+    searchBar.setPadding(new Insets(10));
+    searchBar.setMinWidth(300);
 
-    Image image = new Image(this.getClass().getResource("/icons/search.png").toExternalForm());
-    searchIcon = new IconComponent(image, null, 32);
-
-    wrapper.getChildren().addAll(searchBar, searchIcon);
-
-    this.getChildren().addAll(wrapper);
-  }
-
-  /**
-   * Getter for query content.
-   * <p>
-   * Returns the current input of the searchbar.
-   * </p>
-   * 
-   * @return String;
-   */
-  public String getQuery() {
-    return query.get();
+    this.getChildren().addAll(searchBar);
   }
 
   /**
-   * Method for handeling search icon click.
+   * Getter for query property.
    * 
-   * @param handler - Functional interface.
+   * @return SimpleStringProperty;
    */
-  public void onSearchQuery(ActionEventHandler handler) {
-    this.searchIcon.onIconClick(() -> handler.handle());
+  public SimpleStringProperty getQuery() {
+    return query;
   }
 
 }
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/ShareComponent.java b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/ShareComponent.java
index 20b05c6..f961998 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/ShareComponent.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/ShareComponent.java
@@ -1,7 +1,6 @@
 package edu.ntnu.idi.idatt.view.components.elements;
 
 import edu.ntnu.idi.idatt.model.portfolio.Share;
-import edu.ntnu.idi.idatt.view.components.primitives.ActionEventHandler;
 import edu.ntnu.idi.idatt.view.components.ui.UICompositor;
 import edu.ntnu.idi.idatt.view.util.CssUtils;
 import javafx.geometry.Insets;
@@ -41,7 +40,7 @@ public ShareComponent(Share share) {
 
     this.setMaxSize(Double.MAX_VALUE, 300);
     this.setPadding(new Insets(30));
-    this.getStyleClass().add("rowBox");
+    CssUtils.apply(this, CssUtils.GRAY);
 
     Label title = new Label(share.getStock().toString());
     Label quantity = new Label("Owned shares: " + share.getQuantity().toString());
@@ -49,7 +48,7 @@ public ShareComponent(Share share) {
     Label latestValue = new Label(String.format("%.2f $", share.getProfit()));
     Label latestValueChange = new Label(String.format("%.2f %%", share.getProfitPercent()));
 
-    sellButton = new Button("Sell");
+    sellButton = new Button("Sell Share");
 
     List<Label> labels = List.of(title, quantity, latestValueLabel, latestValue, latestValueChange);
     labels.forEach(e -> e.getStyleClass().add("portfolio-box-text"));
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/TransactionComponent.java b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/TransactionComponent.java
index 9d022e8..760b748 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/TransactionComponent.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/TransactionComponent.java
@@ -89,11 +89,10 @@ public TransactionComponent(Transaction transaction) {
     this.setPadding(new Insets(40));
     this.setAlignment(Pos.TOP_CENTER);
 
-    // TODO: CHANGE AND IN STOCKComponent
-    this.setStyle("-fx-background-color: #404950;");
+    CssUtils.apply(this, CssUtils.GRAY);
 
     CssUtils.apply(title, CssUtils.BIG_TEXT_32);
-    CssUtils.apply(name, CssUtils.BIG_TEXT_32);
+    CssUtils.apply(name, CssUtils.MED_TEXT_24);
     List<Label> labels = List.of(totalValue, taxComissionValue, grossValue, amountOfShares, saleProfit);
     labels.forEach(l -> CssUtils.apply(l, CssUtils.MED_TEXT_16));
 
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIFactory.java b/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIFactory.java
index b6c6120..d852d6c 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIFactory.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIFactory.java
@@ -1,5 +1,6 @@
 package edu.ntnu.idi.idatt.view.components.ui;
 
+import java.text.NumberFormat;
 import java.util.ArrayList;
 import java.util.List;
 import java.util.function.Consumer;
@@ -11,14 +12,19 @@
 import edu.ntnu.idi.idatt.view.components.primitives.ActionEventHandler;
 import edu.ntnu.idi.idatt.view.util.CssUtils;
 import edu.ntnu.idi.idatt.view.util.ResourceUtils;
+import javafx.beans.binding.Bindings;
+import javafx.beans.property.SimpleStringProperty;
+import javafx.beans.property.StringProperty;
 import javafx.geometry.Insets;
 import javafx.geometry.Pos;
+import javafx.scene.Node;
 import javafx.scene.Parent;
 import javafx.scene.control.Button;
 import javafx.scene.control.Label;
 import javafx.scene.control.MenuButton;
 import javafx.scene.control.MenuItem;
 import javafx.scene.layout.HBox;
+import javafx.scene.layout.Region;
 import javafx.scene.layout.VBox;
 
 /**
@@ -40,12 +46,12 @@ public class UIFactory {
    * Creates a simple header containing a searchbar.
    * </p>
    *
-   * @param placeholder   - Placeholder for searchbar.
-   * @param onSearchQuery - Input functional interface of searchbar.
+   * @param placeholder - Placeholder for searchbar.
+   * @param searchQuery - Functional interface of searchbar input property.
    * @return header element.
    */
-  public static Parent createHeader(String placeholder, Consumer<String> onSearchQuery) {
-    return createDefaultHeader(placeholder, onSearchQuery);
+  public static Parent createHeader(String placeholder, Consumer<SimpleStringProperty> searchQuery) {
+    return createDefaultHeader(placeholder, searchQuery);
   }
 
   /**
@@ -55,13 +61,14 @@ public static Parent createHeader(String placeholder, Consumer<String> onSearchQ
    * Creates a header with searchbar with sorting ability.
    * </p>
    *
-   * @param placeholder   - Placeholder for searchbar.
-   * @param onSearchQuery - Input functional interface of searchbar.
-   * @param sortItems     - List of available sorting labels.
-   * @param sortHandlers  - List of functional interfaces to react to the items.
+   * @param placeholder  - Placeholder for searchbar.
+   * @param searchQuery  - Functional interface of searchbar input property.
+   * @param sortItems    - List of available sorting labels.
+   * @param sortHandlers - List of functional interfaces to react to the items.
    * @return header element.
    */
-  public static Parent createHeader(String placeholder, Consumer<String> onSearchQuery, List<String> sortItems,
+  public static Parent createHeader(String placeholder, Consumer<SimpleStringProperty> searchQuery,
+      List<String> sortItems,
       ActionEventHandler... sortHandlers) {
 
     if (sortItems.size() != sortHandlers.length) {
@@ -70,7 +77,7 @@ public static Parent createHeader(String placeholder, Consumer<String> onSearchQ
     }
 
     MenuButton menu = new MenuButton("Sort by..");
-    HBox.setMargin(menu, new Insets(20));
+    menu.getStyleClass().add("menu-button");
 
     sortItems.forEach(item -> {
       MenuItem m = new MenuItem(item);
@@ -78,7 +85,7 @@ public static Parent createHeader(String placeholder, Consumer<String> onSearchQ
       menu.getItems().add(m);
     });
 
-    return createDefaultHeader(placeholder, onSearchQuery, menu);
+    return createDefaultHeader(placeholder, searchQuery, menu);
   }
 
   /**
@@ -88,12 +95,14 @@ public static Parent createHeader(String placeholder, Consumer<String> onSearchQ
    * This method is used for creating all headers through the public wrappers.
    * </p>
    *
-   * @param placeholder   - Placeholder for searchbar.
-   * @param onSearchQuery - Input functional interface of searchbar.
-   * @param addons        - Parent objects to add to the left site header
+   * @param placeholder - Placeholder for searchbar.
+   * @param searchQuery - Functional interface of searchbar input property.
+   * @param addons      - Parent objects to add to the left site header
    * @return header element.
    */
-  private static Parent createDefaultHeader(String placeholder, Consumer<String> onSearchQuery, Parent... addons) {
+  private static Parent createDefaultHeader(String placeholder, Consumer<SimpleStringProperty> searchQuery,
+      Parent... addons) {
+
     SearchBarComponent bar = new SearchBarComponent(placeholder);
 
     HBox.setMargin(bar, new Insets(20));
@@ -101,13 +110,17 @@ private static Parent createDefaultHeader(String placeholder, Consumer<String> o
     UICompositor header = new UICompositor.Builder()
         .parent(new HBox())
         .growWithAlignment(Pos.CENTER)
+        .properties(parent -> parent.setPadding(new Insets(0, 10, 0, 10)))
         .addAllContent(addons)
         .filler()
+        .filler()
         .addContent(bar)
         .filler()
+        .filler()
+        .filler()
         .build();
 
-    bar.onSearchQuery(() -> onSearchQuery.accept(bar.getQuery())); // Remake?
+    searchQuery.accept(bar.getQuery());
 
     return header.makeUI();
   }
@@ -171,25 +184,43 @@ private static Parent createDefaultNavigation(Label titleLabel, List<String> but
       buttons.add(new Button(buttonLabel));
     }
     buttons.forEach(b -> {
-      CssUtils.apply(b, CssUtils.MED_TEXT_16);
       b.setOnAction((e) -> handlers[buttons.indexOf(b)].handle());
     });
 
     UICompositor.Builder navigationBuilder = new UICompositor.Builder()
-        .parent(new VBox())
+        .parent(new VBox(10))
         .growWithAlignment(Pos.CENTER)
+        .properties(nav -> nav.setPadding(new Insets(40)))
         .addContent(titleLabel);
 
     buttons.forEach(b -> navigationBuilder.addContent(b));
 
-    navigationBuilder.filler();
+    navigationBuilder
+        .filler();
 
     if (!SceneFactory.isFinal()) {
-      Button previous = new Button("Previous");
+      Button previous = new Button("Previous Page");
       previous.setOnAction((e) -> SceneFactory.goBack());
       navigationBuilder.addContent(previous);
     }
 
+    Button progress = new Button("Advance to next week");
+    progress.setOnAction((e) -> {
+      UserSession.getInstance().getExchange().advance();
+      UserSession.getInstance().updateGameState();
+      SceneFactory.reloadCurrent();
+    });
+
+    navigationBuilder.addContent(progress);
+
+    // Styles and properties of childs
+    navigationBuilder.properties(nav -> nav.getChildren()
+        .filtered(c -> !(c instanceof Label))
+        .forEach(c -> ((Region) c).setMaxWidth(Double.MAX_VALUE)));
+    navigationBuilder.properties(nav -> nav.getChildren()
+        .filtered(c -> c instanceof Button)
+        .forEach(c -> c.getStyleClass().add("button-outlined")));
+
     UICompositor navigation = navigationBuilder.build();
 
     return navigation.makeUI();
@@ -213,35 +244,33 @@ public static Parent createMenu(String title, List<String> buttonLables, ActionE
       System.out.println("Failed to build menu!");
     }
 
-    IconComponent menuIcon = new IconComponent(ResourceUtils.MENU_ICON, title, 60);
-    CssUtils.apply(menuIcon, CssUtils.BIG_TEXT_32);
+    Label titleLabel = new Label(title);
+    CssUtils.apply(titleLabel, CssUtils.BIG_TEXT_32);
 
     ArrayList<Button> buttons = new ArrayList<>();
     for (String buttonLabel : buttonLables) {
       buttons.add(new Button(buttonLabel));
     }
     buttons.forEach(b -> {
-      CssUtils.apply(b, CssUtils.MED_TEXT_16);
       b.setOnAction((e) -> handlers[buttons.indexOf(b)].handle());
     });
 
     UICompositor.Builder menuBuilder = new UICompositor.Builder()
-        .parent(new VBox())
+        .parent(new VBox(10))
         .growWithAlignment(Pos.CENTER)
-        .addContent(menuIcon);
+        .properties(nav -> nav.setPadding(new Insets(40)))
+        .addContent(titleLabel);
 
     buttons.forEach(b -> menuBuilder.addContent(b));
 
-    menuBuilder.filler();
-
-    Button progress = new Button("Advance to next week");
-    progress.setOnAction((e) -> {
-      UserSession.getInstance().getExchange().advance();
-      UserSession.getInstance().updateGameState();
-      SceneFactory.reloadCurrent();
-    });
-
-    menuBuilder.addContent(progress);
+    menuBuilder
+        .filler()
+        .properties(nav -> nav.getChildren()
+            .filtered(c -> !(c instanceof Label))
+            .forEach((c -> ((Region) c).setMaxWidth(Double.MAX_VALUE))));
+    menuBuilder.properties(nav -> nav.getChildren()
+        .filtered(c -> c instanceof Button)
+        .forEach(c -> c.getStyleClass().add("button-outlined")));
 
     UICompositor menu = menuBuilder.build();
 
@@ -263,16 +292,30 @@ public static Parent createMenu(String title, List<String> buttonLables, ActionE
    * @return toolbar element.
    */
   public static Parent createToolbar(ActionEventHandler menuHandle, ActionEventHandler quitHandle) {
+    // Initializing formatter locally.
+    NumberFormat formatter = NumberFormat.getNumberInstance();
+    formatter.setMaximumFractionDigits(2);
+
     Label balance = new Label();
     balance.textProperty().bind(
-        UserSession.getInstance().moneyProperty().asString("Balance: %.2f $"));
+        Bindings.createStringBinding(
+            () -> String.format("Balance: %s $", formatter.format(UserSession.getInstance().moneyProperty().get())),
+            UserSession.getInstance().moneyProperty()));
+
     Label week = new Label();
     week.textProperty().bind(
         UserSession.getInstance().weekProperty().asString("Week: %d"));
+
+    // Player status only advances at purchases, doesn't need to be a observable
+    // value when saving game state.
     Label playerStatus = new Label("Status:" + UserSession.getInstance().getPlayer().getStatus());
+
     Label playerNetWorth = new Label();
     playerNetWorth.textProperty().bind(
-        UserSession.getInstance().netWorthProperty().asString("Net Worth: %.2f $"));
+        Bindings.createStringBinding(
+            () -> String.format("Net Worth: %s $",
+                formatter.format(UserSession.getInstance().netWorthProperty().get())),
+            UserSession.getInstance().netWorthProperty()));
 
     CssUtils.apply(balance, CssUtils.MED_TEXT_16);
     CssUtils.apply(week, CssUtils.MED_TEXT_16);
@@ -285,16 +328,17 @@ public static Parent createToolbar(ActionEventHandler menuHandle, ActionEventHan
     UICompositor toolbar = new UICompositor.Builder()
         .parent(new HBox())
         .growWithAlignment(Pos.CENTER)
-        .wrap(new VBox())
+        .properties(parent -> parent.setPadding(new Insets(5)))
+        .wrap(new VBox(5))
         .properties(wrapper -> ((VBox) wrapper).setAlignment(Pos.CENTER))
         .addAllContent(balance, week)
         .unwrap()
         .filler()
-        .wrap(new VBox())
+        .wrap(new VBox(5))
         .properties(wrapper -> ((VBox) wrapper).setAlignment(Pos.CENTER))
         .addAllContent(playerStatus, playerNetWorth)
         .unwrap()
-        .wrap(new HBox())
+        .wrap(new HBox(5))
         .properties(wrapper -> ((HBox) wrapper).setAlignment(Pos.CENTER))
         .addAllContent(userIcon, quitIcon)
         .unwrap()
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java b/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java
index 9aaf549..737d34f 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java
@@ -16,9 +16,11 @@ public class CssUtils {
 
   public static final String BIG_TEXT_32 = "big-text-32";
   public static final String MED_TEXT_16 = "med-text-16";
+  public static final String MED_TEXT_24 = "med-text-24";
   public static final String SMALL_TEXT_12 = "small-text-12";
   public static final String RED = "red";
   public static final String GREEN = "green";
+  public static final String GRAY = "gray";
 
   /**
    * Method for applying a css styling.
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/util/ResourceUtils.java b/src/main/java/edu/ntnu/idi/idatt/view/util/ResourceUtils.java
index df65fc5..718dbee 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/util/ResourceUtils.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/util/ResourceUtils.java
@@ -12,8 +12,6 @@
  */
 public class ResourceUtils {
   public static final Image MENU_ICON = new Image(ResourceUtils.class.getResource("/icons/user.png").toExternalForm());
-  public static final Image SEARCH_ICON = new Image(
-      ResourceUtils.class.getResource("/icons/search.png").toExternalForm());
   public static final Image QUIT_ICON = new Image(ResourceUtils.class.getResource("/icons/quit.png").toExternalForm());
 
 }
diff --git a/src/main/resources/themes/default.css b/src/main/resources/themes/default.css
index c64bfcd..4c7c21b 100644
--- a/src/main/resources/themes/default.css
+++ b/src/main/resources/themes/default.css
@@ -26,6 +26,12 @@
   -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.3), 10, 0.5, 0, 5);
 }
 
+.med-text-24{
+  -fx-font-size: 24px;
+  -fx-font-weight: 700;
+  -fx-text-fill: #EEEEEE;
+}
+
 .med-text-16{
   -fx-font-size: 16px;
   -fx-font-weight: 700;
@@ -61,6 +67,10 @@
   -fx-text-fill: #00FF00;
 }
 
+.gray {
+  -fx-background-color: #404950;
+}
+
 /* =======================
    BUTTON STYLE
    ======================= */
@@ -80,6 +90,33 @@
     -fx-translate-y: 1;
 }
 
+.button-outlined {
+    -fx-font-size: 16px;
+    -fx-text-fill: white;
+    -fx-background-color: transparent;
+    -fx-border-radius: 20;
+    -fx-border-width: 2;
+    -fx-padding: 10 20 10 20;
+    -fx-cursor: hand;
+    -fx-border-color: white;
+    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.3), 6, 0.3, 0, 2);
+}
+
+.menu-button {
+    -fx-background-color: white;
+    -fx-background-radius: 8;
+    -fx-border-radius: 8;
+
+    -fx-text-fill: black;
+
+    -fx-padding: 4 10 4 10;
+
+    -fx-font-size: 12px;
+    -fx-font-weight: 500;
+
+    -fx-cursor: hand;
+}
+
 .icon {
   -fx-border-radius: 20;
   -fx-padding: 5;
@@ -90,18 +127,6 @@
     -fx-background-color: #3B8C6E;
 }
 
-.rowBox {
-    -fx-background-color: #404950;
-    -fx-alignment: center;
-}
-
-.searchbar {
-    -fx-background-color: #FFFFFF;
-    -fx-background-radius: 20;
-    -fx-border-radius: 20;
-    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.3), 6, 0.3, 0, 2);
-}
-
 .searchbar-field {
     -fx-font-size: 16px;
     -fx-text-fill: black;
@@ -111,22 +136,3 @@
     -fx-cursor: hand;
 }
 
-.newspaper-title {
-    -fx-font-size: 56px;
-    -fx-font-weight: 700;
-    -fx-text-fill: #000000;
-    -fx-padding: 30px;
-    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.3), 10, 0.5, 0, 5);
-}
-
-.newspaper-med-text{
-    -fx-font-size: 22px;
-    -fx-font-weight: 700;
-    -fx-text-fill: #000000;
-}
-
-.newspaper-article{
-    -fx-background-color: #EEEEEE;
-}
-
-