From 9e26e231cb06bc72d3135a5339176cc2973d951f Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Sat, 4 Apr 2026 11:35:05 +0200
Subject: [PATCH] fix: show theme and font size controls before font families
 load

Move the v-if guard from the outer FontChange wrapper to only the font-family
selects, so ThemeSwap and the font-size select are always visible in the modal
even before userSettings.fontFamilies resolves asynchronously.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/FontChange.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/FontChange.vue b/src/components/FontChange.vue
index 89b197e..b25f801 100644
--- a/src/components/FontChange.vue
+++ b/src/components/FontChange.vue
@@ -15,8 +15,8 @@ const fontSizes = Array.from({ length: 7 }, (_, i) => `${9 + i * 2}pt`)
 </script>
 
 <template>
-  <div class="font-change" v-if="sortedFontFamilies.length > 0">
-    <div>
+  <div class="font-change">
+    <div v-if="sortedFontFamilies.length > 0">
       <label for="title-font" class="font-label">t</label>
       <select
         id="title-font"