From ce0e96523c90b5d68b5640fc23fac304a7d91bdf Mon Sep 17 00:00:00 2001
From: Harkamal Randhawa <harkamalsr@gmail.com>
Date: Wed, 11 Mar 2026 13:31:28 -0600
Subject: [PATCH] Rework login screen

---
 .../controllers/LoginController.java          |  2 +-
 .../example/petshopdesktop/login-view.fxml    | 41 +++++++++++--------
 2 files changed, 25 insertions(+), 18 deletions(-)

diff --git a/src/main/java/org/example/petshopdesktop/controllers/LoginController.java b/src/main/java/org/example/petshopdesktop/controllers/LoginController.java
index f85c6e76..c007fdea 100644
--- a/src/main/java/org/example/petshopdesktop/controllers/LoginController.java
+++ b/src/main/java/org/example/petshopdesktop/controllers/LoginController.java
@@ -36,7 +36,7 @@ public class LoginController {
     @FXML
     public void initialize() {
         lblError.setText("");
-        logoContainer.getChildren().setAll(SvgNodeLoader.loadSquare("/org/example/petshopdesktop/images/leons-pet-store-badge-text.svg", 190));
+        logoContainer.getChildren().setAll(SvgNodeLoader.loadSquare("/org/example/petshopdesktop/images/leons-pet-store-badge-text.svg", 132));
     }
 
     @FXML
diff --git a/src/main/resources/org/example/petshopdesktop/login-view.fxml b/src/main/resources/org/example/petshopdesktop/login-view.fxml
index 4a2231f0..0ae93686 100644
--- a/src/main/resources/org/example/petshopdesktop/login-view.fxml
+++ b/src/main/resources/org/example/petshopdesktop/login-view.fxml
@@ -15,59 +15,63 @@
            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="16.0">
+      <VBox alignment="TOP_CENTER" fillWidth="true" maxWidth="360.0" prefWidth="360.0" spacing="14.0"
+            style="-fx-background-color: rgba(33, 52, 71, 0.72); -fx-background-radius: 24; -fx-border-color: rgba(255,255,255,0.06); -fx-border-radius: 24;">
          <padding>
-            <Insets bottom="40.0" left="50.0" right="50.0" top="40.0" />
+            <Insets bottom="34.0" left="34.0" right="34.0" top="34.0" />
          </padding>
          <children>
-            <StackPane fx:id="logoContainer" maxHeight="190.0" maxWidth="190.0" minHeight="190.0" minWidth="190.0" prefHeight="190.0" prefWidth="190.0">
+            <StackPane fx:id="logoContainer" maxHeight="132.0" maxWidth="132.0" minHeight="132.0" minWidth="132.0" prefHeight="132.0" prefWidth="132.0">
                <effect>
                   <DropShadow blurType="GAUSSIAN" color="0x0f172838" height="18.0" offsetY="6.0" radius="9.0" spread="0.16" width="18.0" />
                </effect>
                <VBox.margin>
-                  <Insets bottom="28.0" left="8.0" />
+                  <Insets bottom="10.0" />
                </VBox.margin>
             </StackPane>
 
-            <Label text="Username" textFill="#cccccc">
+            <Label maxWidth="Infinity" text="Username" textFill="#d7dee6">
                <font>
                   <Font name="System Bold" size="13.0" />
                </font>
             </Label>
-            <TextField fx:id="txtUsername" maxWidth="280.0" prefWidth="280.0" 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;">
+            <TextField fx:id="txtUsername" maxWidth="Infinity" prefWidth="292.0" promptText="Enter username"
+                       style="-fx-background-color: #40556c; -fx-text-fill: white; -fx-prompt-text-fill: #91a4b7; -fx-background-radius: 10; -fx-border-width: 0;">
                <padding>
-                  <Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
+                  <Insets bottom="11.0" left="14.0" right="14.0" top="11.0" />
                </padding>
                <font>
                   <Font size="14.0" />
                </font>
             </TextField>
 
-            <Label text="Password" textFill="#cccccc">
+            <Label maxWidth="Infinity" text="Password" textFill="#d7dee6">
                <font>
                   <Font name="System Bold" size="13.0" />
                </font>
-            </Label>
-            <PasswordField fx:id="txtPassword" maxWidth="280.0" prefWidth="280.0" 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" />
+                  <Insets top="2.0" />
+               </padding>
+            </Label>
+            <PasswordField fx:id="txtPassword" maxWidth="Infinity" prefWidth="292.0" promptText="Enter password"
+                           style="-fx-background-color: #40556c; -fx-text-fill: white; -fx-prompt-text-fill: #91a4b7; -fx-background-radius: 10; -fx-border-width: 0;">
+               <padding>
+                  <Insets bottom="11.0" left="14.0" right="14.0" top="11.0" />
                </padding>
                <font>
                   <Font size="14.0" />
                </font>
             </PasswordField>
 
-            <Label fx:id="lblError" maxWidth="280.0" text="" textFill="#FF6B6B" wrapText="true">
+            <Label fx:id="lblError" maxWidth="Infinity" text="" textFill="#ff8a8a" wrapText="true">
                <font>
                   <Font size="13.0" />
                </font>
             </Label>
 
-            <Button fx:id="btnLogin" maxWidth="280.0" mnemonicParsing="false" onAction="#btnLoginClicked"
-                    prefWidth="280.0"
-                    style="-fx-background-color: #FF6B6B; -fx-background-radius: 8; -fx-cursor: hand;"
+            <Button fx:id="btnLogin" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnLoginClicked"
+                    prefWidth="292.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" />
@@ -82,4 +86,7 @@
          </children>
       </VBox>
    </children>
+   <padding>
+      <Insets bottom="24.0" left="24.0" right="24.0" top="24.0" />
+   </padding>
 </StackPane>