From 435ea2655662a5b37895660965e93688e8340713 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 15 Mar 2025 23:25:54 +0000
Subject: [PATCH] Refactor security settings page

Align text to the left in the security settings page.
---
 src/pages/SecurityPrivacySettings.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/pages/SecurityPrivacySettings.tsx b/src/pages/SecurityPrivacySettings.tsx
index 21622cc..f055ccc 100644
--- a/src/pages/SecurityPrivacySettings.tsx
+++ b/src/pages/SecurityPrivacySettings.tsx
@@ -151,17 +151,17 @@ const SecurityPrivacySettings = () => {
         {/* Security Settings */}
         <div className="space-y-6 neuro-flat p-6 mb-8">
           {settings.map((setting) => (
-            <div key={setting.id} className="flex items-center justify-between">
-              <div className="flex items-center space-x-4">
-                <div className="neuro-pressed p-3 rounded-full text-neuro-income">
+            <div key={setting.id} className="flex items-start justify-between">
+              <div className="flex items-start space-x-4 flex-1">
+                <div className="neuro-pressed p-3 rounded-full text-neuro-income shrink-0 mt-1">
                   {setting.icon}
                 </div>
-                <div className="flex-1 mr-4">
+                <div className="text-left">
                   <h3 className="font-medium">{setting.title}</h3>
-                  <p className="text-xs text-gray-500">{setting.description}</p>
+                  <p className="text-xs text-gray-500 mt-1">{setting.description}</p>
                 </div>
               </div>
-              <div className="flex items-center">
+              <div className="flex items-center ml-4">
                 <Switch
                   id={`${setting.id}-switch`}
                   checked={setting.enabled}
@@ -181,13 +181,13 @@ const SecurityPrivacySettings = () => {
 
         {/* Data Reset Section */}
         <div className="neuro-flat p-6 mb-8">
-          <div className="flex items-center space-x-4">
-            <div className="neuro-pressed p-3 rounded-full text-red-500">
+          <div className="flex items-start space-x-4">
+            <div className="neuro-pressed p-3 rounded-full text-red-500 shrink-0 mt-1">
               <Trash2 size={20} />
             </div>
-            <div className="flex-1">
+            <div className="text-left">
               <h3 className="font-medium">데이터 초기화</h3>
-              <p className="text-xs text-gray-500">모든 예산, 지출 내역, 설정이 초기화됩니다.</p>
+              <p className="text-xs text-gray-500 mt-1">모든 예산, 지출 내역, 설정이 초기화됩니다.</p>
             </div>
           </div>
           <Button