From 9b9327c25ea026a1fc058caf340a9f1eaf8c232e Mon Sep 17 00:00:00 2001
From: Mo Tarbin <mhed.t91@gmail.com>
Date: Sat, 16 Aug 2025 01:54:56 -0400
Subject: [PATCH] Refactor ChoreEdit component: improve section toggle styling
 and remove unnecessary padding

---
 src/views/ChoreEdit/ChoreEdit.jsx | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/views/ChoreEdit/ChoreEdit.jsx b/src/views/ChoreEdit/ChoreEdit.jsx
index 31a8c1f..487fccb 100644
--- a/src/views/ChoreEdit/ChoreEdit.jsx
+++ b/src/views/ChoreEdit/ChoreEdit.jsx
@@ -150,10 +150,12 @@ const ChoreEdit = () => {
         <Box
           onClick={() => toggleSection(sectionKey)}
           sx={{
+            mx: 0,
             display: 'flex',
             alignItems: 'center',
             cursor: 'pointer',
-            p: 2,
+            width: '100%',
+            py: 2,
             borderRadius: 'md',
             backgroundColor: 'background.level1',
             border: '1px solid',
@@ -193,16 +195,9 @@ const ChoreEdit = () => {
         {isExpanded && (
           <Box
             sx={{
-              pl: 2,
-              pr: 2,
+              // pl: 2,
+              // pr: 2,
               pb: 2,
-              borderRadius: 'md',
-              backgroundColor: 'background.surface',
-              border: '1px solid',
-              borderColor: 'divider',
-              borderTop: 'none',
-              borderTopLeftRadius: 0,
-              borderTopRightRadius: 0,
             }}
           >
             {children}