diff --git a/src/app/categories/page.tsx b/src/app/categories/page.tsx
index d460ade..f7bee73 100644
--- a/src/app/categories/page.tsx
+++ b/src/app/categories/page.tsx
@@ -25,6 +25,6 @@ export default async function CategoriesPage() {
categories={categories}
onSubmit={categoryCreateUpdate}
onDelete={categoryDelete}
- className="flex flex-col justify-center space-y-4 p-10"/>
+ className="flex flex-col justify-center space-y-4"/>
);
}
diff --git a/src/app/entities/page.tsx b/src/app/entities/page.tsx
index 8c76f29..6f41ba5 100644
--- a/src/app/entities/page.tsx
+++ b/src/app/entities/page.tsx
@@ -28,6 +28,6 @@ export default async function EntitiesPage() {
entities={entities}
onSubmit={entityCreateUpdate}
onDelete={entityDelete}
- className="flex flex-col justify-center space-y-4 p-10"/>
+ className="flex flex-col justify-center space-y-4"/>
);
}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index cac7e3c..95bd21f 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -22,10 +22,10 @@ export default function RootLayout({
<html lang="en">
<body className={cn('dark', inter.className)}>
<Navigation/>
- <main>
+ <main className="p-4 sm:p-8">
{children}
- <Toaster/>
</main>
+ <Toaster/>
</body>
</html>
);
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b217abf..54450d0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -200,7 +200,7 @@ export default async function DashboardPage(props: { searchParams?: { scope: Sco
categoryPercentages={categoryPercentages}
entityExpenses={entityExpensesFormat}
entityPercentages={entityPercentages}
- className="flex flex-col justify-center space-y-4 p-10"
+ className="flex flex-col justify-center space-y-4"
/>
);
}
diff --git a/src/app/payments/page.tsx b/src/app/payments/page.tsx
index 38d123c..bbec906 100644
--- a/src/app/payments/page.tsx
+++ b/src/app/payments/page.tsx
@@ -58,6 +58,6 @@ export default async function PaymentsPage() {
categories={categories}
onSubmit={paymentCreateUpdate}
onDelete={paymentDelete}
- className="flex flex-col justify-center space-y-4 p-10"/>
+ className="flex flex-col justify-center space-y-4"/>
);
}
diff --git a/src/components/navigation.tsx b/src/components/navigation.tsx
index e6c9648..c744453 100644
--- a/src/components/navigation.tsx
+++ b/src/components/navigation.tsx
@@ -16,7 +16,7 @@ export default function Navigation() {
return (
<div className="flex sticky items-center border-b border-border bg-background">
<NavigationMenu>
- <NavigationMenuList className="flex w-screen items-center justify-between px-4 py-2">
+ <NavigationMenuList className="flex w-screen items-center justify-between sm:px-4 py-2">
<div className="inline-flex space-x-2">
<img src={'/logo_white.png'} alt="Finances" className="h-10 w-10 mx-3"/>