From d36dcbed7eefc6e3266623c9d67314e19110a10a Mon Sep 17 00:00:00 2001
From: Michael Thomas <michaelhthomas@outlook.com>
Date: Thu, 20 Mar 2025 11:29:00 -0400
Subject: [PATCH] fix: tweak login buttons to ensure labels fit

---
 src/components/Login/PlexLoginButton.tsx | 2 +-
 src/components/Login/index.tsx           | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/Login/PlexLoginButton.tsx b/src/components/Login/PlexLoginButton.tsx
index 111b95d3..7c678508 100644
--- a/src/components/Login/PlexLoginButton.tsx
+++ b/src/components/Login/PlexLoginButton.tsx
@@ -26,7 +26,7 @@ const PlexLoginButton = ({
 
   return (
     <Button
-      className="relative flex-1 border-[#cc7b19] bg-[rgba(204,123,25,0.3)] hover:border-[#cc7b19] hover:bg-[rgba(204,123,25,0.7)] disabled:opacity-50"
+      className="relative flex-grow border-[#cc7b19] bg-[rgba(204,123,25,0.3)] hover:border-[#cc7b19] hover:bg-[rgba(204,123,25,0.7)] disabled:opacity-50"
       onClick={login}
       disabled={loading || isProcessing}
       data-testid="plex-login-button"
diff --git a/src/components/Login/index.tsx b/src/components/Login/index.tsx
index 87ab46ff..95837d96 100644
--- a/src/components/Login/index.tsx
+++ b/src/components/Login/index.tsx
@@ -124,7 +124,7 @@ const Login = () => {
           <Button
             key="jellyseerr"
             data-testid="jellyseerr-login-button"
-            className="flex-1 bg-transparent"
+            className="flex-grow bg-transparent"
             onClick={() => setMediaServerLogin(false)}
           >
             {/* eslint-disable-next-line @next/next/no-img-element */}
@@ -139,7 +139,7 @@ const Login = () => {
           <Button
             key="mediaserver"
             data-testid="mediaserver-login-button"
-            className="flex-1 bg-transparent"
+            className="flex-grow bg-transparent"
             onClick={() => setMediaServerLogin(true)}
           >
             <MediaServerLogo />
@@ -151,11 +151,11 @@ const Login = () => {
       <Button
         as="a"
         href={`/api/v1/auth/oidc/login/${provider.slug}`}
-        className="flex-1 bg-transparent"
+        className="flex-grow bg-transparent"
       >
         {/* eslint-disable-next-line @next/next/no-img-element */}
         <img
-          src={provider.logo}
+          src={provider.logo || '/images/openid.svg'}
           alt={provider.name}
           className="mr-2 max-h-5 w-5"
         />