From aafe510803e775c1115fca533f6600447b900321 Mon Sep 17 00:00:00 2001
From: Eugene Pankov <inbox@null.page>
Date: Thu, 3 Aug 2023 10:19:58 +0200
Subject: [PATCH] fixed #8765, fixed #8753 - font size field cut off

---
 .../appearanceSettingsTab.component.pug       | 36 +++++++++----------
 .../appearanceSettingsTab.component.scss      |  5 +++
 2 files changed, 23 insertions(+), 18 deletions(-)

diff --git a/tabby-terminal/src/components/appearanceSettingsTab.component.pug b/tabby-terminal/src/components/appearanceSettingsTab.component.pug
index 444da50bdf..f1447f93bc 100644
--- a/tabby-terminal/src/components/appearanceSettingsTab.component.pug
+++ b/tabby-terminal/src/components/appearanceSettingsTab.component.pug
@@ -1,24 +1,24 @@
 h3.mb-3(translate) Appearance
+.form-line
+    .header
+        .title(translate) Font
+
+    .input-group.w-75
+        input.form-control(
+            type='text',
+            [ngbTypeahead]='fontAutocomplete',
+            [(ngModel)]='config.store.terminal.font',
+            (ngModelChange)='config.save()',
+        )
+        input.form-control.font-size-input(
+            type='number',
+            max='48',
+            [(ngModel)]='config.store.terminal.fontSize',
+            (ngModelChange)='fixFontSize(); config.save()',
+        )
+
 .row
     .col-12.col-md-6
-        .form-line
-            .header
-                .title(translate) Font
-
-            .input-group.w-75
-                input.form-control.w-75(
-                    type='text',
-                    [ngbTypeahead]='fontAutocomplete',
-                    [(ngModel)]='config.store.terminal.font',
-                    (ngModelChange)='config.save()',
-                )
-                input.form-control.w-25(
-                    type='number',
-                    max='48',
-                    [(ngModel)]='config.store.terminal.fontSize',
-                    (ngModelChange)='fixFontSize(); config.save()',
-                )
-
         .form-line
             .header
                 .title(translate) Enable font ligatures
diff --git a/tabby-terminal/src/components/appearanceSettingsTab.component.scss b/tabby-terminal/src/components/appearanceSettingsTab.component.scss
index f9c7d0ac03..b0edafacca 100644
--- a/tabby-terminal/src/components/appearanceSettingsTab.component.scss
+++ b/tabby-terminal/src/components/appearanceSettingsTab.component.scss
@@ -7,3 +7,8 @@ textarea {
     font-family: 'Source Code Pro', monospace;
     min-height: 120px;
 }
+
+.font-size-input {
+    width: 100px;
+    flex: none;
+}