Visual edit in Lovable

Edited UI in Lovable

src/components/BudgetTabContent.tsx

@@ -78,8 +78,6 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
 
   // 예산 여부에 따른 텍스트 결정
   const budgetButtonText = targetAmount > 0 ? "예산 수정하기" : "예산 입력하기";
-  
-  
   return <div>
       {targetAmount > 0 ? <>
           <div className="flex justify-between items-center mb-3">
@@ -125,11 +123,11 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
               <div className="mt-4 border-t pt-3">
                 <div className="flex justify-between items-center mb-4">
                   <h3 className="font-medium text-sm px-[34px]">전체 예산:</h3>
-                  <p className="font-bold text-neuro-income text-base">{formatCurrency(calculateTotalBudget())}</p>
+                  <p className="font-bold text-neuro-income text-base px-[10px]">{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">
+                  <Button onClick={handleSaveCategoryBudgets} size="sm" className="bg-neuro-income hover:bg-neuro-income/90 text-white mx-[6px]">
                     <Check size={18} className="mr-1" />
                     저장하기
                   </Button>