From 2728b5c302175c518c44801fbc80c2fa79c9fbea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nikola=20Dere=C5=BEi=C4=87?= <nikola.derezic@gmail.com>
Date: Thu, 18 Jan 2024 16:11:13 +0100
Subject: [PATCH] reduced form BillEditForm with so it fits Samsung Galaxy S22

---
 app/ui/BillEditForm.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/ui/BillEditForm.tsx b/app/ui/BillEditForm.tsx
index a7739ac..21ce677 100644
--- a/app/ui/BillEditForm.tsx
+++ b/app/ui/BillEditForm.tsx
@@ -45,7 +45,7 @@ export const BillEditForm:FC<BillEditFormProps> = ({ location, bill }) => {
     }
 
     return(
-    <div className="card card-compact card-bordered min-w-[20em] max-w-[90em] bg-base-100 shadow-s">
+    <div className="card card-compact card-bordered bg-base-100 shadow-s">
         <div className="card-body">
             <h2 className="card-title">{`${formatYearMonth(location.yearMonth)} ${location.name}`}</h2>
             <form action={ dispatch }>
@@ -70,7 +70,7 @@ export const BillEditForm:FC<BillEditFormProps> = ({ location, bill }) => {
                     // <textarea className="textarea textarea-bordered my-1 w-full max-w-sm block" placeholder="Opis" value="Pričuva, Voda, Smeće"></textarea>
 
                     attachment ? 
-                    <Link href={`/attachment/${locationID}-${billID}/`} target="_blank" className='text-center w-full max-w-[24em] text-nowrap truncate inline-block mt-4'>
+                    <Link href={`/attachment/${locationID}-${billID}/`} target="_blank" className='text-center w-full max-w-[20em] text-nowrap truncate inline-block mt-4'>
                         <DocumentIcon className="h-[1em] w-[1em] text-2xl inline-block mr-1" />
                         {decodeURIComponent(attachment.fileName)}
                     </Link>
@@ -98,9 +98,9 @@ export const BillEditForm:FC<BillEditFormProps> = ({ location, bill }) => {
                 {
                     isPaid && <>
                         <div className="form-control p-1">
-                            <label className="cursor-pointer label p-0">
+                            <label className="cursor-pointer label p-0 flex">
                                 <span className="label-text flex-none w-[6.4em]">Amount</span> 
-                                <input type="text" id="payedAmount" name="payedAmount" className="input input-bordered text-right" placeholder="0.00" defaultValue={payedAmount === null || payedAmount === undefined ? undefined : payedAmount / 100}/>
+                                <input type="text" id="payedAmount" name="payedAmount" className="input input-bordered text-right w-full" placeholder="0.00" defaultValue={payedAmount === null || payedAmount === undefined ? undefined : payedAmount / 100}/>
                             </label>
                         </div>
                         <div id="status-error" aria-live="polite" aria-atomic="true">