From 8d60429b9c28f706065402e0c1ca517d86d67b4f Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Wed, 5 Mar 2025 21:51:08 +0200
Subject: [PATCH] style(note_language): size and positioning of the help button

---
 src/public/app/widgets/note_language.ts     | 9 +++++++++
 src/public/stylesheets/theme-next/forms.css | 3 ++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/public/app/widgets/note_language.ts b/src/public/app/widgets/note_language.ts
index 39dc89a35..f0243c5f3 100644
--- a/src/public/app/widgets/note_language.ts
+++ b/src/public/app/widgets/note_language.ts
@@ -19,6 +19,15 @@ const TPL = `\
     <button class="language-help-button icon-action bx bx-help-circle" type="button" data-in-app-help="B0lcI9xz1r8K" title="${t("open-help-page")}"></button>
 
     <style>
+        .note-language-widget {
+            display: flex;
+            align-items: center;
+        }
+
+        .language-help-button {
+            margin-left: 4px;
+        }
+
         .note-language-dropdown [dir=rtl] {
             text-align: right;
         }
diff --git a/src/public/stylesheets/theme-next/forms.css b/src/public/stylesheets/theme-next/forms.css
index 39bdaf8c6..87d4250c6 100644
--- a/src/public/stylesheets/theme-next/forms.css
+++ b/src/public/stylesheets/theme-next/forms.css
@@ -552,7 +552,8 @@ optgroup {
 
 /* Switches */
 
-.switch-widget.component {
+.switch-widget.component,
+.note-language-container {
     --icon-button-size: 28px;
 }