From cac4b406415686fc193abe46ed0cbd3705e2e098 Mon Sep 17 00:00:00 2001
From: Violet Caulfield <violet@cosmonautical.cloud>
Date: Sat, 23 Nov 2024 20:21:25 -0600
Subject: [PATCH] styling

---
 components/Login/helpers/server-address.tsx | 4 +++-
 components/helpers/input.tsx                | 6 ++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/Login/helpers/server-address.tsx b/components/Login/helpers/server-address.tsx
index c5b15e60..ab05a750 100644
--- a/components/Login/helpers/server-address.tsx
+++ b/components/Login/helpers/server-address.tsx
@@ -72,7 +72,9 @@ export default function ServerAddress(): React.JSX.Element {
                 <Input 
                     value={serverAddress}
                     placeholder="jellyfin.org"
-                    onChangeText={setServerAddress} />
+                    onChangeText={setServerAddress} 
+                    width={300}
+                    />
             </XStack>
             <Button 
                 disabled={_.isEmpty(serverAddress)}
diff --git a/components/helpers/input.tsx b/components/helpers/input.tsx
index dba5d414..8ad812cf 100644
--- a/components/helpers/input.tsx
+++ b/components/helpers/input.tsx
@@ -1,11 +1,13 @@
 import React, { SetStateAction } from 'react';
-import { Input as TamaguiInput} from 'tamagui';
+import { StyleProp } from 'react-native';
+import { Input as TamaguiInput, TextStyle} from 'tamagui';
 
 interface InputProps {
     onChangeText: React.Dispatch<SetStateAction<string | undefined>>,
     placeholder: string
     value: string | undefined;
     secureTextEntry?: boolean | undefined;
+    width?: number | undefined
 }
 
 export default function Input(props: InputProps): React.JSX.Element {
@@ -15,7 +17,7 @@ export default function Input(props: InputProps): React.JSX.Element {
             placeholder={props.placeholder}
             onChangeText={props.onChangeText} 
             value={props.value}
-            minWidth={300}
+            width={props.width}
             secureTextEntry={props.secureTextEntry}
         />
     )