From fba7d15a2c50137456fdc62b5baf385b066d8ca6 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 24 Nov 2025 16:06:09 +0200
Subject: [PATCH] improve font control

---
 src/components/font_control/font_control.vue | 21 ++++++++------------
 src/i18n/en.json                             |  7 +++++++
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/components/font_control/font_control.vue b/src/components/font_control/font_control.vue
index 5f4ed105c..9e2c338cf 100644
--- a/src/components/font_control/font_control.vue
+++ b/src/components/font_control/font_control.vue
@@ -1,13 +1,5 @@
 <template>
   <div class="font-control">
-    <label
-      :id="name + '-label'"
-      :for="manualEntry ? name : name + '-font-switcher'"
-      class="label"
-    >
-      {{ $t('settings.style.themes3.font.label', { label }) }}
-    </label>
-    {{ ' ' }}
     <Checkbox
       v-if="typeof fallback !== 'undefined'"
       :id="name + '-o'"
@@ -15,8 +7,15 @@
       :model-value="present"
       @change="$emit('update:modelValue', typeof modelValue === 'undefined' ? fallback : undefined)"
     >
-      {{ $t('settings.style.themes3.define') }}
+      <i18n-t
+        scope="global"
+        keypath="settings.style.fonts.override"
+        tag="span"
+      >
+        {{ label }}
+      </i18n-t>
     </Checkbox>
+    {{ ' ' }}
     <div
       v-if="modelValue?.family"
       class="font-input"
@@ -143,10 +142,6 @@
     margin-left: 2em;
     margin-top: 0.5em;
   }
-
-  .font-checkbox {
-    margin-left: 1em;
-  }
 }
 
 .invalid-tooltip {
diff --git a/src/i18n/en.json b/src/i18n/en.json
index a0333b427..47625f395 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1079,6 +1079,13 @@
           "post": "Post text",
           "monospace": "Monospaced text"
         },
+        "components_inline": {
+          "interface": "interface",
+          "input": "input fields",
+          "post": "post text",
+          "monospace": "monospaced text"
+        },
+        "override": "Override {0} font",
         "family": "Font name",
         "size": "Size (in px)",
         "weight": "Weight (boldness)",