From 4382df7951aefc973ec6f9d9cba0fafc88134e93 Mon Sep 17 00:00:00 2001
From: Tunglies <coffee@soe.icu>
Date: Mon, 3 Mar 2025 06:38:32 +0800
Subject: [PATCH] style: update box styling in settings page for improved
 layout (#2857)

---
 src/pages/settings.tsx | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/pages/settings.tsx b/src/pages/settings.tsx
index a8d712df..ffdd7b5d 100644
--- a/src/pages/settings.tsx
+++ b/src/pages/settings.tsx
@@ -76,8 +76,11 @@ const SettingPage = () => {
         <Grid item xs={12} md={6}>
           <Box
             sx={{
-              borderRadius: 2,
-              marginBottom: 1.5,
+              margin: "0px 10px",
+              marginTop: "10px",
+              marginRight: "5px",
+              borderRadius: "10px",
+              marginBottom: 2,
               backgroundColor: isDark ? "#282a36" : "#ffffff",
             }}
           >
@@ -85,7 +88,11 @@ const SettingPage = () => {
           </Box>
           <Box
             sx={{
-              borderRadius: 2,
+              margin: "0px 10px",
+              marginTop: "10px",
+              marginRight: "5px",
+              borderRadius: "10px",
+              marginBottom: 2,
               backgroundColor: isDark ? "#282a36" : "#ffffff",
             }}
           >
@@ -95,8 +102,11 @@ const SettingPage = () => {
         <Grid item xs={12} md={6}>
           <Box
             sx={{
-              borderRadius: 2,
-              marginBottom: 1.5,
+              margin: "0px 10px",
+              marginTop: "10px",
+              marginLeft: "5px",
+              borderRadius: "10px",
+              marginBottom: 2,
               backgroundColor: isDark ? "#282a36" : "#ffffff",
             }}
           >
@@ -104,7 +114,11 @@ const SettingPage = () => {
           </Box>
           <Box
             sx={{
-              borderRadius: 2,
+              margin: "0px 10px",
+              marginTop: "10px",
+              marginLeft: "5px",
+              borderRadius: "10px",
+              marginBottom: 2,
               backgroundColor: isDark ? "#282a36" : "#ffffff",
             }}
           >