From cdc44353061f4b0c6f854d3f38938ef7ea167378 Mon Sep 17 00:00:00 2001
From: vicrodh <103399283+vicrodh@users.noreply.github.com>
Date: Sun, 18 Jan 2026 14:37:56 -0600
Subject: [PATCH] fix(phase4.3): adjust modal width to 920px and limit color
 swatches to 40x40
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Reduce modal width by 20% (1150px → 920px)
- Add max-width/max-height constraints to color buttons (40px)
- Maintain aspect ratio and grid layout

cp
---
 src/lib/components/FavoritesEditModal.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/FavoritesEditModal.svelte b/src/lib/components/FavoritesEditModal.svelte
index 972a0839d..9a7bee2c6 100644
--- a/src/lib/components/FavoritesEditModal.svelte
+++ b/src/lib/components/FavoritesEditModal.svelte
@@ -127,7 +127,7 @@
   }
 </script>
 
-<Modal {isOpen} onClose={handleCancel} title="Favorites Settings" maxWidth="1150px">
+<Modal {isOpen} onClose={handleCancel} title="Favorites Settings" maxWidth="920px">
   {#snippet children()}
   <div class="modal-columns">
     <!-- Left Column: Icon Customization -->
@@ -344,6 +344,8 @@
 
   .color-btn {
     aspect-ratio: 1;
+    max-width: 40px;
+    max-height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;