From f36fdff871d8f99bc8d7392de14425f242ea4635 Mon Sep 17 00:00:00 2001
From: Harkamal Randhawa <harkamalsr@gmail.com>
Date: Wed, 11 Mar 2026 09:03:27 -0600
Subject: [PATCH] Polish logo badges

---
 .../org/example/petshopdesktop/login-view.fxml | 18 +++++++++++++-----
 .../petshopdesktop/main-layout-view.fxml       | 16 +++++++++++-----
 2 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/src/main/resources/org/example/petshopdesktop/login-view.fxml b/src/main/resources/org/example/petshopdesktop/login-view.fxml
index 22e0654d..eccacc7b 100644
--- a/src/main/resources/org/example/petshopdesktop/login-view.fxml
+++ b/src/main/resources/org/example/petshopdesktop/login-view.fxml
@@ -7,7 +7,9 @@
 <?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.shape.Circle?>
 <?import javafx.scene.text.Font?>
 
 <VBox alignment="CENTER" prefHeight="420.0" prefWidth="380.0" spacing="16.0"
@@ -19,14 +21,20 @@
       <Insets bottom="40.0" left="50.0" right="50.0" top="40.0" />
    </padding>
    <children>
-      <ImageView fitHeight="180.0" fitWidth="320.0" preserveRatio="true">
-         <image>
-            <Image url="@images/leons-pet-store-badge-text.png" />
-         </image>
+      <StackPane>
+         <children>
+            <Circle fill="#f8fafc" radius="94.0" stroke="#d7dee8" strokeWidth="1.5" />
+            <ImageView fitHeight="180.0" fitWidth="320.0" preserveRatio="true">
+               <image>
+                  <Image url="@images/leons-pet-store-badge-text.png" />
+               </image>
+            </ImageView>
+         </children>
+         <style>-fx-effect: dropshadow(gaussian, rgba(15,23,42,0.22), 22, 0.18, 0, 8);</style>
          <VBox.margin>
             <Insets bottom="35.0" />
          </VBox.margin>
-      </ImageView>
+      </StackPane>
 
       <Label text="Username" textFill="#cccccc">
          <font>
diff --git a/src/main/resources/org/example/petshopdesktop/main-layout-view.fxml b/src/main/resources/org/example/petshopdesktop/main-layout-view.fxml
index 66f10afe..6e5577bd 100644
--- a/src/main/resources/org/example/petshopdesktop/main-layout-view.fxml
+++ b/src/main/resources/org/example/petshopdesktop/main-layout-view.fxml
@@ -11,6 +11,7 @@
 <?import javafx.scene.layout.HBox?>
 <?import javafx.scene.layout.StackPane?>
 <?import javafx.scene.layout.VBox?>
+<?import javafx.scene.shape.Circle?>
 <?import javafx.scene.text.Font?>
 
 <BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="742.0" prefWidth="1069.0" xmlns="http://javafx.com/javafx/17" xmlns:fx="http://javafx.com/fxml/1" fx:controller="org.example.petshopdesktop.controllers.MainLayoutController">
@@ -23,11 +24,16 @@
                </padding>
                <children>
                   <HBox alignment="CENTER">
-                     <ImageView fx:id="imgLogo" fitHeight="90.0" fitWidth="90.0" preserveRatio="true" onMouseClicked="#logoClicked" style="-fx-cursor: hand;">
-                        <image>
-                           <Image url="@images/leons-pet-store-badge.png" />
-                        </image>
-                     </ImageView>
+                     <StackPane onMouseClicked="#logoClicked" style="-fx-cursor: hand; -fx-effect: dropshadow(gaussian, rgba(15,23,42,0.22), 18, 0.16, 0, 6);">
+                        <children>
+                           <Circle fill="#f8fafc" radius="52.0" stroke="#d7dee8" strokeWidth="1.2" />
+                           <ImageView fx:id="imgLogo" fitHeight="90.0" fitWidth="90.0" preserveRatio="true">
+                              <image>
+                                 <Image url="@images/leons-pet-store-badge.png" />
+                              </image>
+                           </ImageView>
+                        </children>
+                     </StackPane>
                      <VBox.margin>
                         <Insets bottom="15.0" />
                      </VBox.margin>