From a078633bd5c9b7f4dad819e2715ef83f79aaef7b 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:11:50 +0100
Subject: [PATCH] fixed card width on cellphone

---
 app/ui/AddLocationButton.tsx | 2 +-
 app/ui/AddMonthButton.tsx    | 2 +-
 app/ui/LocationCard.tsx      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/ui/AddLocationButton.tsx b/app/ui/AddLocationButton.tsx
index 4adfd3d..1c200aa 100644
--- a/app/ui/AddLocationButton.tsx
+++ b/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" />
diff --git a/app/ui/AddMonthButton.tsx b/app/ui/AddMonthButton.tsx
index 31dd046..b6e5f20 100644
--- a/app/ui/AddMonthButton.tsx
+++ b/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"  />
diff --git a/app/ui/LocationCard.tsx b/app/ui/LocationCard.tsx
index 26024a4..1fec078 100644
--- a/app/ui/LocationCard.tsx
+++ b/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" />