From fdbb25594e5cd4a71455c6705c9d3c5e3bd9e869 Mon Sep 17 00:00:00 2001
From: Hamza <12420351+0xMH@users.noreply.github.com>
Date: Mon, 2 Mar 2026 00:00:40 +0100
Subject: [PATCH] Move font loader into dropdown, remove standalone refresh
 button

---
 .../designer-controls/FontFamilyPicker.svelte | 21 +++++++------------
 1 file changed, 7 insertions(+), 14 deletions(-)

diff --git a/web/src/components/designer-controls/FontFamilyPicker.svelte b/web/src/components/designer-controls/FontFamilyPicker.svelte
index 92b7c77..56e01b5 100644
--- a/web/src/components/designer-controls/FontFamilyPicker.svelte
+++ b/web/src/components/designer-controls/FontFamilyPicker.svelte
@@ -84,13 +84,14 @@
           </button>
         {/each}
       {/if}
-    </div>
-  {/if}
 
-  {#if fontQuerySupported}
-    <button class="btn {$fontCache.length <= 1 ? 'btn-primary pulse' : 'btn-outline-secondary'}" onclick={getSystemFonts} title={$tr("params.text.fetch_fonts")}>
-      <MdIcon icon="refresh" />
-    </button>
+      {#if fontQuerySupported && $fontCache.length <= 1}
+        <div class="dropdown-divider"></div>
+        <button class="dropdown-item text-primary" type="button" onclick={getSystemFonts}>
+          <MdIcon icon="refresh" /> Load system fonts
+        </button>
+      {/if}
+    </div>
   {/if}
 
   <FontsMenu />
@@ -110,12 +111,4 @@
     overflow-y: auto;
   }
 
-  .pulse {
-    animation: pulse 1.5s ease-in-out 3;
-  }
-
-  @keyframes pulse {
-    0%, 100% { opacity: 1; }
-    50% { opacity: 0.5; }
-  }
 </style>