From ffe7e210463fc05e179a7ebe941d3422edbd8b39 Mon Sep 17 00:00:00 2001
From: Yubin Zhen <yubinzhen020105@gmail.com>
Date: Sat, 22 Nov 2025 23:37:43 -0800
Subject: [PATCH 1/2] added responsiveness on inventory and profile

---
 src/app/inventory/page.tsx | 2 +-
 src/app/profile/page.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/inventory/page.tsx b/src/app/inventory/page.tsx
index 5f35be0..fc556a1 100644
--- a/src/app/inventory/page.tsx
+++ b/src/app/inventory/page.tsx
@@ -270,7 +270,7 @@ const InventoryPage = () => {
           </motion.div>
         )}
 
-        <div className="mb-6 flex gap-4">
+        <div className="mb-6 flex flex-col sm:flex-row gap-4">
           <input
             type="text"
             placeholder="Search ingredients..."
diff --git a/src/app/profile/page.tsx b/src/app/profile/page.tsx
index b7fa6f1..e6fc955 100644
--- a/src/app/profile/page.tsx
+++ b/src/app/profile/page.tsx
@@ -122,7 +122,7 @@ const ProfilePage = () => {
   }
 
   return (
-    <div className="bg-cookcraft-white flex min-h-screen w-screen flex-col items-center py-20">
+    <div className="bg-cookcraft-white flex min-h-screen w-screen flex-col items-center py-20 p-10">
       <div className="border-cookcraft-olive bg-cookcraft-white w-full max-w-2xl rounded-2xl border-3 p-8">
         <div className="flex items-center gap-6">
           <Image

From d4198dba52853621222cc72a6c06b5ae7ad0616c Mon Sep 17 00:00:00 2001
From: Yubin Zhen <yubinzhen020105@gmail.com>
Date: Sat, 22 Nov 2025 23:38:43 -0800
Subject: [PATCH 2/2] updated

---
 src/app/inventory/page.tsx | 2 +-
 src/app/profile/page.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/inventory/page.tsx b/src/app/inventory/page.tsx
index fc556a1..89f6b04 100644
--- a/src/app/inventory/page.tsx
+++ b/src/app/inventory/page.tsx
@@ -270,7 +270,7 @@ const InventoryPage = () => {
           </motion.div>
         )}
 
-        <div className="mb-6 flex flex-col sm:flex-row gap-4">
+        <div className="mb-6 flex flex-col gap-4 sm:flex-row">
           <input
             type="text"
             placeholder="Search ingredients..."
diff --git a/src/app/profile/page.tsx b/src/app/profile/page.tsx
index e6fc955..b0eea45 100644
--- a/src/app/profile/page.tsx
+++ b/src/app/profile/page.tsx
@@ -122,7 +122,7 @@ const ProfilePage = () => {
   }
 
   return (
-    <div className="bg-cookcraft-white flex min-h-screen w-screen flex-col items-center py-20 p-10">
+    <div className="bg-cookcraft-white flex min-h-screen w-screen flex-col items-center p-10 py-20">
       <div className="border-cookcraft-olive bg-cookcraft-white w-full max-w-2xl rounded-2xl border-3 p-8">
         <div className="flex items-center gap-6">
           <Image