From 2a03eae8a2ef61bfa58599ae1c0f34eb22b8e626 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 26 Jan 2026 13:35:45 +0700
Subject: [PATCH] refactor(FE): Remove section padding on small+ screens

---
 src/app/expense/page.tsx              | 2 +-
 src/app/inventory/movement/page.tsx   | 2 +-
 src/app/production/recording/page.tsx | 2 +-
 src/app/purchase/page.tsx             | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/expense/page.tsx b/src/app/expense/page.tsx
index d6b00286..0bd5d406 100644
--- a/src/app/expense/page.tsx
+++ b/src/app/expense/page.tsx
@@ -2,7 +2,7 @@ import ExpensesTable from '@/components/pages/expense/ExpensesTable';
 
 const Expense = () => {
   return (
-    <section className='w-full p-4'>
+    <section className='w-full p-4 sm:p-0'>
       <ExpensesTable />
     </section>
   );
diff --git a/src/app/inventory/movement/page.tsx b/src/app/inventory/movement/page.tsx
index a2c25612..10717059 100644
--- a/src/app/inventory/movement/page.tsx
+++ b/src/app/inventory/movement/page.tsx
@@ -2,7 +2,7 @@ import MovementTable from '@/components/pages/inventory/movement/MovementTable';
 
 const Movement = () => {
   return (
-    <section className='w-full p-4'>
+    <section className='w-full p-4 sm:p-0'>
       <MovementTable />
     </section>
   );
diff --git a/src/app/production/recording/page.tsx b/src/app/production/recording/page.tsx
index f31ac19a..471ef648 100644
--- a/src/app/production/recording/page.tsx
+++ b/src/app/production/recording/page.tsx
@@ -2,7 +2,7 @@ import RecordingTable from '@/components/pages/production/recording/RecordingTab
 
 const Recording = () => {
   return (
-    <section className='w-full p-4'>
+    <section className='w-full p-4 sm:p-0'>
       <RecordingTable />
     </section>
   );
diff --git a/src/app/purchase/page.tsx b/src/app/purchase/page.tsx
index dc25a99d..ea2bb95b 100644
--- a/src/app/purchase/page.tsx
+++ b/src/app/purchase/page.tsx
@@ -2,7 +2,7 @@ import PurchaseTable from '@/components/pages/purchase/PurchaseTable';
 
 const Purchase = () => {
   return (
-    <section className='w-full p-4'>
+    <section className='w-full p-4 sm:p-0'>
       <PurchaseTable />
     </section>
   );