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

---
 .../components/administration/SsoManagement.tsx      | 12 +++++-------
 .../components/general/input/SelectInput.tsx         |  4 ++--
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/gameyfin/src/main/frontend/components/administration/SsoManagement.tsx b/gameyfin/src/main/frontend/components/administration/SsoManagement.tsx
index 3d4cab7..78568f2 100644
--- a/gameyfin/src/main/frontend/components/administration/SsoManagement.tsx
+++ b/gameyfin/src/main/frontend/components/administration/SsoManagement.tsx
@@ -49,14 +49,12 @@ function SsoManagementLayout({getConfig, formik, setSaveMessage}: any) {
                     <ConfigFormField configElement={getConfig("sso.oidc.enabled")}/>
 
                     <Section title="SSO user handling"/>
-                    <div className="flex flex-row">
+                    <div className="flex flex-row items-baseline">
                         <ConfigFormField configElement={getConfig("sso.oidc.auto-register-new-users")}
                                          isDisabled={!formik.values.sso.oidc.enabled}/>
-                        <div className="flex flex-row flex-1 justify-center gap-2">
-                            <ConfigFormField configElement={getConfig("sso.oidc.match-existing-users-by")}
-                                             isDisabled={!formik.values.sso.oidc.enabled ||
-                                                 !formik.values.sso.oidc["auto-register-new-users"]}/>
-                        </div>
+                        <ConfigFormField configElement={getConfig("sso.oidc.match-existing-users-by")}
+                                         isDisabled={!formik.values.sso.oidc.enabled ||
+                                             !formik.values.sso.oidc["auto-register-new-users"]}/>
                     </div>
 
                     <Section title="SSO provider configuration"/>
@@ -71,7 +69,7 @@ function SsoManagementLayout({getConfig, formik, setSaveMessage}: any) {
                         <Button
                             isDisabled={isAutoPopulateDisabled()}
                             onPress={autoPopulate}
-                            className="h-14"><MagicWand className="min-w-5"/> Auto-populate</Button>
+                            className="h-14"><MagicWand className="min-w-5"/>Auto-populate</Button>
                     </div>
                     <ConfigFormField configElement={getConfig("sso.oidc.authorize-url")}
                                      isDisabled={!formik.values.sso.oidc.enabled}/>
diff --git a/gameyfin/src/main/frontend/components/general/input/SelectInput.tsx b/gameyfin/src/main/frontend/components/general/input/SelectInput.tsx
index d293f36..db27286 100644
--- a/gameyfin/src/main/frontend/components/general/input/SelectInput.tsx
+++ b/gameyfin/src/main/frontend/components/general/input/SelectInput.tsx
@@ -9,9 +9,9 @@ const SelectInput = ({label, values, ...props}) => {
     const items = values.map((v: string) => ({key: v, label: v}));
 
     return (
-        <div>
+        <div className="min-h-20 flex-grow">
             <Select
-                className="min-h-20"
+                fullWidth={true}
                 {...field}
                 {...props}
                 label={label}