From 4a96501f7322c10ad14d382d6ad8d40563e21b4f Mon Sep 17 00:00:00 2001
From: Harkamal Randhawa <harkamalsr@gmail.com>
Date: Wed, 11 Mar 2026 12:03:13 -0600
Subject: [PATCH] Revert login layout

---
 .../example/petshopdesktop/login-view.fxml    | 144 +++++++++---------
 1 file changed, 68 insertions(+), 76 deletions(-)

diff --git a/src/main/resources/org/example/petshopdesktop/login-view.fxml b/src/main/resources/org/example/petshopdesktop/login-view.fxml
index bb4f1d14..b74ffaf6 100644
--- a/src/main/resources/org/example/petshopdesktop/login-view.fxml
+++ b/src/main/resources/org/example/petshopdesktop/login-view.fxml
@@ -7,84 +7,76 @@
 <?import javafx.scene.control.TextField?>
 <?import javafx.scene.image.Image?>
 <?import javafx.scene.image.ImageView?>
-<?import javafx.scene.layout.StackPane?>
 <?import javafx.scene.layout.VBox?>
 <?import javafx.scene.text.Font?>
 
-<StackPane style="-fx-background-color: #2C3E50;"
-           xmlns="http://javafx.com/javafx/17"
-           xmlns:fx="http://javafx.com/fxml/1"
-           fx:controller="org.example.petshopdesktop.controllers.LoginController">
-   <children>
-      <VBox alignment="CENTER" fillWidth="true" maxWidth="380.0" prefWidth="380.0" spacing="18.0"
-            style="-fx-background-color: rgba(21, 36, 52, 0.52); -fx-background-radius: 24; -fx-effect: dropshadow(gaussian, rgba(15,23,42,0.24), 28, 0.18, 0, 10);">
-         <padding>
-            <Insets bottom="42.0" left="34.0" right="34.0" top="36.0" />
-         </padding>
-         <children>
-            <ImageView fitHeight="190.0" fitWidth="190.0" preserveRatio="true" smooth="true">
-               <image>
-                  <Image url="@images/leons-pet-store-badge-text.png" />
-               </image>
-               <VBox.margin>
-                  <Insets bottom="10.0" />
-               </VBox.margin>
-            </ImageView>
-
-            <Label alignment="CENTER_LEFT" maxWidth="Infinity" text="Username" textFill="#d8dee9">
-               <font>
-                  <Font name="System Bold" size="13.0" />
-               </font>
-            </Label>
-            <TextField fx:id="txtUsername" maxWidth="Infinity" prefWidth="312.0" promptText="Enter username"
-                       style="-fx-background-color: #3d5166; -fx-text-fill: white; -fx-prompt-text-fill: #8ea2b8; -fx-background-radius: 10; -fx-border-width: 0;">
-               <padding>
-                  <Insets bottom="12.0" left="14.0" right="14.0" top="12.0" />
-               </padding>
-               <font>
-                  <Font size="14.0" />
-               </font>
-            </TextField>
-
-            <Label alignment="CENTER_LEFT" maxWidth="Infinity" text="Password" textFill="#d8dee9">
-               <font>
-                  <Font name="System Bold" size="13.0" />
-               </font>
-            </Label>
-            <PasswordField fx:id="txtPassword" maxWidth="Infinity" prefWidth="312.0" promptText="Enter password"
-                           style="-fx-background-color: #3d5166; -fx-text-fill: white; -fx-prompt-text-fill: #8ea2b8; -fx-background-radius: 10; -fx-border-width: 0;">
-               <padding>
-                  <Insets bottom="12.0" left="14.0" right="14.0" top="12.0" />
-               </padding>
-               <font>
-                  <Font size="14.0" />
-               </font>
-            </PasswordField>
-
-            <Label fx:id="lblError" maxWidth="Infinity" text="" textFill="#FF8A8A" wrapText="true">
-               <font>
-                  <Font size="13.0" />
-               </font>
-            </Label>
-
-            <Button fx:id="btnLogin" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnLoginClicked"
-                    prefWidth="312.0"
-                    style="-fx-background-color: #FF6B6B; -fx-background-radius: 10; -fx-cursor: hand;"
-                    text="Login" textFill="WHITE">
-               <font>
-                  <Font name="System Bold" size="15.0" />
-               </font>
-               <padding>
-                  <Insets bottom="13.0" left="12.0" right="12.0" top="13.0" />
-               </padding>
-               <VBox.margin>
-                  <Insets top="10.0" />
-               </VBox.margin>
-            </Button>
-         </children>
-      </VBox>
-   </children>
+<VBox alignment="CENTER" prefHeight="420.0" prefWidth="380.0" spacing="16.0"
+      style="-fx-background-color: #2C3E50;"
+      xmlns="http://javafx.com/javafx/17"
+      xmlns:fx="http://javafx.com/fxml/1"
+      fx:controller="org.example.petshopdesktop.controllers.LoginController">
    <padding>
-      <Insets bottom="24.0" left="24.0" right="24.0" top="24.0" />
+      <Insets bottom="40.0" left="50.0" right="50.0" top="40.0" />
    </padding>
-</StackPane>
+   <children>
+      <ImageView fitHeight="190.0" fitWidth="190.0" preserveRatio="true" smooth="true" style="-fx-effect: dropshadow(gaussian, rgba(15,23,42,0.22), 18, 0.16, 0, 6);">
+         <image>
+            <Image url="@images/leons-pet-store-badge-text.png" />
+         </image>
+         <VBox.margin>
+            <Insets bottom="35.0" />
+         </VBox.margin>
+      </ImageView>
+
+      <Label text="Username" textFill="#cccccc">
+         <font>
+            <Font name="System Bold" size="13.0" />
+         </font>
+      </Label>
+      <TextField fx:id="txtUsername" promptText="Enter username"
+                 style="-fx-background-color: #3d5166; -fx-text-fill: white; -fx-prompt-text-fill: #888; -fx-background-radius: 8; -fx-border-width: 0;">
+         <padding>
+            <Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
+         </padding>
+         <font>
+            <Font size="14.0" />
+         </font>
+      </TextField>
+
+      <Label text="Password" textFill="#cccccc">
+         <font>
+            <Font name="System Bold" size="13.0" />
+         </font>
+      </Label>
+      <PasswordField fx:id="txtPassword" promptText="Enter password"
+                    style="-fx-background-color: #3d5166; -fx-text-fill: white; -fx-prompt-text-fill: #888; -fx-background-radius: 8; -fx-border-width: 0;">
+         <padding>
+            <Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
+         </padding>
+         <font>
+            <Font size="14.0" />
+         </font>
+      </PasswordField>
+
+      <Label fx:id="lblError" text="" textFill="#FF6B6B" wrapText="true">
+         <font>
+            <Font size="13.0" />
+         </font>
+      </Label>
+
+      <Button fx:id="btnLogin" mnemonicParsing="false" onAction="#btnLoginClicked"
+              prefWidth="280.0"
+              style="-fx-background-color: #FF6B6B; -fx-background-radius: 8; -fx-cursor: hand;"
+              text="Login" textFill="WHITE">
+         <font>
+            <Font name="System Bold" size="15.0" />
+         </font>
+         <padding>
+            <Insets bottom="12.0" left="12.0" right="12.0" top="12.0" />
+         </padding>
+         <VBox.margin>
+            <Insets top="8.0" />
+         </VBox.margin>
+      </Button>
+   </children>
+</VBox>