From 90a20df7b746aaa55936e4cb2304c49f2a7fb518 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 17 Mar 2025 12:21:55 +0000
Subject: [PATCH] Move total budget display

Move the total budget display in BudgetTabContent.tsx to be between the category budget inputs and the save button.
---
 src/components/BudgetTabContent.tsx | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/src/components/BudgetTabContent.tsx b/src/components/BudgetTabContent.tsx
index 09e9151..70fe9e2 100644
--- a/src/components/BudgetTabContent.tsx
+++ b/src/components/BudgetTabContent.tsx
@@ -129,23 +129,26 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
       
       {showBudgetInput && <div className="mt-4">
           <div className="neuro-card p-4">
-            <div className="mb-4">
-              <h3 className="text-base font-medium mb-3">전체 예산: {formatCurrency(calculateTotalBudget())}</h3>
-            </div>
-            
             <div>
               <h3 className="text-base font-medium mb-3">카테고리별 예산 설정</h3>
               <CategoryBudgetInputs categoryBudgets={categoryBudgets} handleCategoryInputChange={handleCategoryInputChange} />
               
-              <div className="mt-4 flex justify-end">
-                <Button 
-                  onClick={handleSaveCategoryBudgets} 
-                  size="sm" 
-                  className="bg-neuro-income hover:bg-neuro-income/90 text-white"
-                >
-                  <Check size={18} className="mr-1" />
-                  저장하기
-                </Button>
+              <div className="mt-4 border-t pt-3">
+                <div className="flex justify-between items-center mb-4">
+                  <h3 className="text-base font-medium">전체 예산:</h3>
+                  <p className="text-lg font-bold text-neuro-income">{formatCurrency(calculateTotalBudget())}</p>
+                </div>
+                
+                <div className="flex justify-end">
+                  <Button 
+                    onClick={handleSaveCategoryBudgets} 
+                    size="sm" 
+                    className="bg-neuro-income hover:bg-neuro-income/90 text-white"
+                  >
+                    <Check size={18} className="mr-1" />
+                    저장하기
+                  </Button>
+                </div>
               </div>
             </div>
           </div>