From 1fc80bdf87276aa4b2b8414820c658d36cf0efd2 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Wed, 9 Jul 2025 23:27:40 +0200
Subject: [PATCH] fix: gap and select not ready

---
 src/components/FontChange.vue | 3 +--
 src/views/FleetingNotes.vue   | 1 +
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/FontChange.vue b/src/components/FontChange.vue
index f7eb769..d5ec446 100644
--- a/src/components/FontChange.vue
+++ b/src/components/FontChange.vue
@@ -12,9 +12,8 @@ const fontSizes = Array.from({ length: 7 }, (_, i) => `${9 + i * 2}pt`)
 </script>
 
 <template>
-  <div class="font-change">
+  <div class="font-change" v-if="sortedFontFamilies.length > 0">
     <select
-      v-if="sortedFontFamilies.length > 0"
       class="select"
       :value="store.userSettings?.chosenFontFamily"
       @change="store.setFontFamily(($event.target as HTMLSelectElement).value)"
diff --git a/src/views/FleetingNotes.vue b/src/views/FleetingNotes.vue
index dbe10b4..6ce40f3 100644
--- a/src/views/FleetingNotes.vue
+++ b/src/views/FleetingNotes.vue
@@ -75,6 +75,7 @@ watch(mode, async (newMode) => {
             new fleeting note
           </button>
         </div>
+        <br />
         <div class="column">
           <font-change />
         </div>