From a7d7bba7ce675446c5407870c06d91a45550b2d7 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 22 Mar 2025 13:04:55 +0000
Subject: [PATCH] Add spacing below payment chart

Adds 80px margin below the payment method chart for better visual spacing.
---
 src/pages/Analytics.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/pages/Analytics.tsx b/src/pages/Analytics.tsx
index cf7fd15..00bdc01 100644
--- a/src/pages/Analytics.tsx
+++ b/src/pages/Analytics.tsx
@@ -1,3 +1,4 @@
+
 import React, { useState, useEffect } from 'react';
 import NavBar from '@/components/NavBar';
 import ExpenseChart from '@/components/ExpenseChart';
@@ -171,6 +172,9 @@ const Analytics = () => {
         {/* 결제 방법 차트 추가 */}
         <h2 className="text-lg font-semibold mb-3">결제 방법 비율</h2>
         <PaymentMethodChart data={paymentMethodData} isEmpty={!hasPaymentData} />
+        
+        {/* 결제 방법 차트 아래 80px 여유 공간 추가 */}
+        <div className="h-20"></div>
       </div>
 
       <AddTransactionButton />