From 01722bee77d975386e9b423fbdb25548bec78dcf Mon Sep 17 00:00:00 2001
From: Igor Zinken <730069+igorski@users.noreply.github.com>
Date: Sat, 8 Feb 2025 13:13:57 +0100
Subject: [PATCH] Make font previews less humongous

---
 .../tool-options-text/font-preview/font-preview.vue      | 9 ++++++++-
 src/styles/font-previews.scss                            | 2 ++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/tool-options-panel/tool-options-text/font-preview/font-preview.vue b/src/components/tool-options-panel/tool-options-text/font-preview/font-preview.vue
index 6291044..e8fdd06 100644
--- a/src/components/tool-options-panel/tool-options-text/font-preview/font-preview.vue
+++ b/src/components/tool-options-panel/tool-options-text/font-preview/font-preview.vue
@@ -21,7 +21,9 @@
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 <template>
-    <div class="font-preview" :class="fontPreviewClass"></div>
+    <div class="font-preview__wrapper">
+        <div class="font-preview" :class="fontPreviewClass"></div>
+    </div>
 </template>
 
 <script lang="ts">
@@ -42,4 +44,9 @@ export default {
 
 <style lang="scss" scoped>
 @import "@/styles/font-previews";
+
+.font-preview__wrapper {
+    padding-top: 4px;
+    height: 18px;
+}
 </style>
diff --git a/src/styles/font-previews.scss b/src/styles/font-previews.scss
index 8c73042..b6361ed 100644
--- a/src/styles/font-previews.scss
+++ b/src/styles/font-previews.scss
@@ -3,6 +3,8 @@
     background-image: url( "@@/images/font-previews-fs8.png" );
     width: 316px;
     height: 24px;
+    transform: scale(0.5);
+    transform-origin: 0 0;
 }
 .AbrilFatface {
     background-position: 0 -0px;