From a7280390e63ede4f3df9487292b5702ae50c8959 Mon Sep 17 00:00:00 2001
From: grimsi <9295182+grimsi@users.noreply.github.com>
Date: Mon, 9 Jun 2025 22:18:54 +0200
Subject: [PATCH] Fix UI input elements

---
 .../administration/LibraryManagement.tsx         | 16 +++++++++-------
 .../frontend/components/general/input/Input.tsx  |  3 ++-
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/gameyfin/src/main/frontend/components/administration/LibraryManagement.tsx b/gameyfin/src/main/frontend/components/administration/LibraryManagement.tsx
index 62ed3d5..856a99f 100644
--- a/gameyfin/src/main/frontend/components/administration/LibraryManagement.tsx
+++ b/gameyfin/src/main/frontend/components/administration/LibraryManagement.tsx
@@ -41,22 +41,24 @@ function LibraryManagementLayout({getConfig, formik}: any) {
             <ConfigFormField configElement={getConfig("library.allow-public-access")}/>
 
             <Section title="Scanning"/>
-            <ConfigFormField configElement={getConfig("library.scan.enable-filesystem-watcher")}/>
-            <ConfigFormField configElement={getConfig("library.scan.scan-empty-directories")}/>
-            <div className="flex flex-row gap-4 items-baseline">
-                <ConfigFormField configElement={getConfig("library.scan.title-match-min-ratio")}/>
+            <div className="flex flex-col gap-4">
+                <ConfigFormField configElement={getConfig("library.scan.enable-filesystem-watcher")}/>
+                <ConfigFormField configElement={getConfig("library.scan.scan-empty-directories")}/>
+                <div className="flex flex-row gap-4 items-baseline">
+                    <ConfigFormField configElement={getConfig("library.scan.title-match-min-ratio")}/>
+                </div>
+                <ConfigFormField configElement={getConfig("library.scan.game-file-extensions")}/>
             </div>
-            <ConfigFormField configElement={getConfig("library.scan.game-file-extensions")}/>
 
             <Section title="Metadata"/>
-            <div className="flex flex-row">
+            <div className="flex flex-row items-baseline">
                 <ConfigFormField configElement={getConfig("library.metadata.update.enabled")}/>
                 <ConfigFormField configElement={getConfig("library.metadata.update.schedule")}
                                  isDisabled={!formik.values.library.metadata.update.enabled}/>
             </div>
 
             <div className="flex flex-row items-baseline justify-between">
-                <h2 className={"text-xl font-bold mt-8 mb-1"}>Libraries</h2>
+                <h2 className="text-xl font-bold mt-8 mb-1">Libraries</h2>
                 <Tooltip content="Add new library">
                     <Button isIconOnly variant="flat" onPress={libraryCreationModal.onOpen}>
                         <Plus/>
diff --git a/gameyfin/src/main/frontend/components/general/input/Input.tsx b/gameyfin/src/main/frontend/components/general/input/Input.tsx
index 90991a2..6acfa03 100644
--- a/gameyfin/src/main/frontend/components/general/input/Input.tsx
+++ b/gameyfin/src/main/frontend/components/general/input/Input.tsx
@@ -8,7 +8,8 @@ const Input = ({label, showErrorUntouched = false, ...props}) => {
 
     return (
         <NextUiInput
-            className="min-h-20"
+            className="min-h-20 flex-grow"
+            fullWidth={false}
             {...props}
             {...field}
             id={label}