From 4c6292b6c6a1e692d77fb9be10b324faafaede5b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nikola=20Dere=C5=BEi=C4=87?= <nikola.derezic@gmail.com>
Date: Tue, 16 Jan 2024 14:28:10 +0100
Subject: [PATCH] fixed form with on mobile

---
 app/ui/BillEditForm.tsx     | 2 +-
 app/ui/LocationEditForm.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/ui/BillEditForm.tsx b/app/ui/BillEditForm.tsx
index b0c2cd8..e3ddf50 100644
--- a/app/ui/BillEditForm.tsx
+++ b/app/ui/BillEditForm.tsx
@@ -42,7 +42,7 @@ export const BillEditForm:FC<BillEditFormProps> = ({ locationID, bill }) => {
     }
 
     return(
-    <div className="card card-compact card-bordered min-w-96 bg-base-100 shadow-s">
+    <div className="card card-compact card-bordered min-w-[20em] max-w-[90em] bg-base-100 shadow-s">
         <div className="card-body">
             <form action={ dispatch }>
                 {
diff --git a/app/ui/LocationEditForm.tsx b/app/ui/LocationEditForm.tsx
index 52b598e..da81eb1 100644
--- a/app/ui/LocationEditForm.tsx
+++ b/app/ui/LocationEditForm.tsx
@@ -30,7 +30,7 @@ export const LocationEditForm:FC<LocationEditFormProps> = ({ location, yearMonth
 
     return(
         <Main>
-            <div className="card card-compact card-bordered min-w-96 bg-base-100 shadow-s my-1">
+            <div className="card card-compact card-bordered min-w-[20em] max-w-[90em] bg-base-100 shadow-s my-1">
                 <div className="card-body">
                     <form action={dispatch}>
                         {
@@ -49,7 +49,7 @@ export const LocationEditForm:FC<LocationEditFormProps> = ({ location, yearMonth
                             ))}
                         </div>
 
-                        <textarea id="locationNotes" name="locationNotes" className="textarea textarea-bordered my-1 w-full max-w-sm block" placeholder="Opis" defaultValue={location?.notes ?? ""}></textarea>
+                        <textarea id="locationNotes" name="locationNotes" className="textarea textarea-bordered my-1 w-full block" placeholder="Opis" defaultValue={location?.notes ?? ""}></textarea>
                         <div id="status-error" aria-live="polite" aria-atomic="true">
                             {state.errors?.locationNotes &&
                             state.errors.locationNotes.map((error: string) => (