fixed card width on cellphone

app/ui/AddLocationButton.tsx

@@ -10,7 +10,7 @@ export interface AddLocationButtonProps {
 }
 
 export const AddLocationButton:React.FC<AddLocationButtonProps> = ({yearMonth}) =>
-<div className="card card-compact card-bordered max-w-[36em] bg-base-100 shadow-s my-1">
+<div className="card card-compact card-bordered bg-base-100 shadow-s my-1">
     <Link href={`/location/${ formatYearMonth(yearMonth) }/add`} className="card-body tooltip self-center" data-tip="Add a new billing location">
         <span className='grid self-center' data-tip="Add a new billing location">
             <PlusCircleIcon className="h-[1em] w-[1em] cursor-pointer text-4xl" />

app/ui/AddMonthButton.tsx

@@ -9,7 +9,7 @@ export interface AddMonthButtonProps {
 }
 
 export const AddMonthButton:React.FC<AddMonthButtonProps> = ({ yearMonth }) =>
-<div className="card card-compact card-bordered max-w-[36em] shadow-s my-1">
+<div className="card card-compact shadow-s my-1">
     <Link href={`/year-month/${formatYearMonth(yearMonth)}/add`} className='grid self-center tooltip' data-tip="Dodaj novi mjesec">
         <span className='grid self-center'>
             <PlusCircleIcon className="h-[1em] w-[1em] cursor-pointer text-4xl"  />

app/ui/LocationCard.tsx

@@ -18,7 +18,7 @@ export const LocationCard:FC<LocationCardProps> = ({location: { _id, name, yearM
     const monthlyExpense = bills.reduce((acc, bill) => acc + (bill.payedAmount ?? 0), 0);
 
     return(
-        <div className="card card-compact card-bordered min-w-96 max-w-[36em] bg-base-100 shadow-s my-1">
+        <div className="card card-compact card-bordered max-w-[30em] bg-base-100 shadow-s my-1">
             <div className="card-body">
                 <Link href={`/location/${_id}/edit`} className="card-subtitle tooltip" data-tip="Edit Location">
                     <Cog8ToothIcon className="h-[1em] w-[1em] absolute cursor-pointer top-3 right-3 text-2xl" />