From a7d9fcb37b2629107eb1ad047446028dc5301838 Mon Sep 17 00:00:00 2001
From: Rithvik Sriram <r.sriram-1@student.tudelft.nl>
Date: Fri, 9 Jan 2026 16:33:01 +0100
Subject: [PATCH] style(client): align ingredient and step list widths

- Remove AnchorPane wrappers from IngredientList and RecipeStepList
- Set maxWidth to Infinity on root VBox elements
- Set maxWidth to Infinity on ListView components
- Both lists now have consistent widths and fill container space

Fixes #48
---
 .../client/scenes/recipe/IngredientList.fxml  | 45 +++++++++----------
 .../scenes/recipe/RecipeDetailView.fxml       |  6 ++-
 .../client/scenes/recipe/RecipeStepList.fxml  | 44 +++++++++---------
 3 files changed, 47 insertions(+), 48 deletions(-)

diff --git a/client/src/main/resources/client/scenes/recipe/IngredientList.fxml b/client/src/main/resources/client/scenes/recipe/IngredientList.fxml
index 1a032ea..521e0d2 100644
--- a/client/src/main/resources/client/scenes/recipe/IngredientList.fxml
+++ b/client/src/main/resources/client/scenes/recipe/IngredientList.fxml
@@ -9,33 +9,32 @@
 <?import javafx.scene.layout.VBox?>
 <?import javafx.scene.text.Font?>
 
-<AnchorPane xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="client.scenes.recipe.IngredientListCtrl">
+
+<VBox xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1"
+      fx:controller="client.scenes.recipe.IngredientListCtrl"
+      minHeight="200.0" minWidth="200.0" maxWidth="Infinity">
    <children>
-      <VBox minHeight="200.0" minWidth="200.0">
+      <HBox alignment="CENTER_LEFT" spacing="20.0">
          <children>
-            <HBox alignment="CENTER_LEFT" spacing="20.0">
-               <children>
-                  <Label fx:id="ingredientsLabel" text="Ingredients">
-                     <padding>
-                        <Insets bottom="5.0" top="5.0" />
-                     </padding>
-                     <font>
-                        <Font name="System Bold" size="16.0" />
-                     </font>
-                  </Label>
-                  <HBox alignment="CENTER" spacing="10.0">
-                     <children>
-                        <Button fx:id="addIngredientButton" mnemonicParsing="false" text="Add" />
-                        <Button fx:id="deleteIngredientButton" mnemonicParsing="false" text="Delete" />
-                     </children>
-                  </HBox>
-               </children>
+            <Label fx:id="ingredientsLabel" text="Ingredients">
                <padding>
-                  <Insets left="10.0" right="10.0" />
+                  <Insets bottom="5.0" top="5.0" />
                </padding>
+               <font>
+                  <Font name="System Bold" size="16.0" />
+               </font>
+            </Label>
+            <HBox alignment="CENTER" spacing="10.0">
+               <children>
+                  <Button fx:id="addIngredientButton" mnemonicParsing="false" text="Add" />
+                  <Button fx:id="deleteIngredientButton" mnemonicParsing="false" text="Delete" />
+               </children>
             </HBox>
-            <ListView fx:id="ingredientListView" prefHeight="200.0" prefWidth="200.0" />
          </children>
-      </VBox>
+         <padding>
+            <Insets left="10.0" right="10.0" />
+         </padding>
+      </HBox>
+      <ListView fx:id="ingredientListView" prefHeight="200.0" prefWidth="200.0" />
    </children>
-</AnchorPane>
+</VBox>
\ No newline at end of file
diff --git a/client/src/main/resources/client/scenes/recipe/RecipeDetailView.fxml b/client/src/main/resources/client/scenes/recipe/RecipeDetailView.fxml
index ebd3a61..2567fc8 100644
--- a/client/src/main/resources/client/scenes/recipe/RecipeDetailView.fxml
+++ b/client/src/main/resources/client/scenes/recipe/RecipeDetailView.fxml
@@ -28,8 +28,10 @@
     </HBox>
 
     <!-- Ingredients -->
-    <fx:include source="IngredientList.fxml" fx:id="ingredientList" />
+    <fx:include source="IngredientList.fxml" fx:id="ingredientList"
+                VBox.vgrow="ALWAYS" maxWidth="Infinity" />
 
     <!-- Preparation -->
-    <fx:include source="RecipeStepList.fxml" fx:id="stepList" />
+    <fx:include source="RecipeStepList.fxml" fx:id="stepList"
+                VBox.vgrow="ALWAYS" maxWidth="Infinity" />
 </VBox>
diff --git a/client/src/main/resources/client/scenes/recipe/RecipeStepList.fxml b/client/src/main/resources/client/scenes/recipe/RecipeStepList.fxml
index 7c6fec6..65e399a 100644
--- a/client/src/main/resources/client/scenes/recipe/RecipeStepList.fxml
+++ b/client/src/main/resources/client/scenes/recipe/RecipeStepList.fxml
@@ -9,33 +9,31 @@
 <?import javafx.scene.layout.VBox?>
 <?import javafx.scene.text.Font?>
 
-<AnchorPane xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="client.scenes.recipe.RecipeStepListCtrl">
+<VBox xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1"
+      fx:controller="client.scenes.recipe.RecipeStepListCtrl"
+      minHeight="200.0" minWidth="200.0" maxWidth="Infinity">
    <children>
-      <VBox minHeight="200.0" minWidth="200.0">
+      <HBox alignment="CENTER_LEFT" spacing="20.0">
          <children>
-            <HBox alignment="CENTER_LEFT" spacing="20.0">
-               <children>
-                  <Label fx:id="stepsLabel" text="Steps">
-                     <padding>
-                        <Insets bottom="5.0" top="5.0" />
-                     </padding>
-                     <font>
-                        <Font name="System Bold" size="16.0" />
-                     </font>
-                  </Label>
-                  <HBox alignment="CENTER" spacing="10.0">
-                     <children>
-                        <Button fx:id="addStepButton" mnemonicParsing="false" text="Add" />
-                        <Button fx:id="deleteStepButton" mnemonicParsing="false" text="Delete" />
-                     </children>
-                  </HBox>
-               </children>
+            <Label fx:id="stepsLabel" text="Steps">
                <padding>
-                  <Insets left="10.0" right="10.0" />
+                  <Insets bottom="5.0" top="5.0" />
                </padding>
+               <font>
+                  <Font name="System Bold" size="16.0" />
+               </font>
+            </Label>
+            <HBox alignment="CENTER" spacing="10.0">
+               <children>
+                  <Button fx:id="addStepButton" mnemonicParsing="false" text="Add" />
+                  <Button fx:id="deleteStepButton" mnemonicParsing="false" text="Delete" />
+               </children>
             </HBox>
-            <ListView fx:id="recipeStepListView" prefHeight="200.0" prefWidth="200.0" />
          </children>
-      </VBox>
+         <padding>
+            <Insets left="10.0" right="10.0" />
+         </padding>
+      </HBox>
+      <ListView fx:id="recipeStepListView" prefHeight="200.0" prefWidth="200.0" />
    </children>
-</AnchorPane>
+</VBox>
\ No newline at end of file