From 117f2e468de8a94d213f2f8e37b7d844259d5da5 Mon Sep 17 00:00:00 2001
From: kimjaehyeon0101 <47347352-kimjaehyeon0101@users.noreply.replit.com>
Date: Tue, 30 Sep 2025 04:00:20 +0000
Subject: [PATCH] Adjust spacing between article title, subtitle, and content
 sections

Update margins and padding in `Article.tsx` to visually improve readability by adjusting spacing between the article title, subtitle, headings, and paragraphs.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 0fb68265-c270-4198-9584-3d9be9bddb41
Replit-Commit-Checkpoint-Type: full_checkpoint
---
 client/src/pages/Article.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/src/pages/Article.tsx b/client/src/pages/Article.tsx
index 0fd7d2a..f817e7e 100644
--- a/client/src/pages/Article.tsx
+++ b/client/src/pages/Article.tsx
@@ -182,8 +182,8 @@ export default function Article() {
       <main className="max-w-7xl mx-auto px-6 py-12">
         {/* Article Content */}
         <article className="mb-16 max-w-4xl mx-auto">
-          <header className="mb-10">
-            <h1 className="text-4xl font-bold mb-6 text-gray-900 leading-tight" data-testid="text-article-title">{article.title}</h1>
+          <header className="mb-8">
+            <h1 className="text-4xl font-bold mb-4 text-gray-900 leading-tight" data-testid="text-article-title">{article.title}</h1>
             {article.excerpt && (
               <p className="text-lg text-gray-600 mb-0 leading-relaxed" data-testid="text-article-excerpt">
                 {article.excerpt}
@@ -192,7 +192,7 @@ export default function Article() {
           </header>
 
           <div 
-            className="text-base text-gray-800 -mt-8"
+            className="text-base text-gray-800"
             data-testid="text-article-content"
           >
             {parseArticleContent(article.content).map((part, index) => {
@@ -200,14 +200,14 @@ export default function Article() {
                 return (
                   <h3 
                     key={index} 
-                    className="text-lg font-bold mt-8 mb-3 text-gray-900"
+                    className="text-lg font-bold mt-10 mb-4 text-gray-900"
                   >
                     {part.content.trim()}
                   </h3>
                 );
               }
               return (
-                <p key={index} className="mb-3 whitespace-pre-wrap leading-loose">
+                <p key={index} className="mb-4 whitespace-pre-wrap leading-loose">
                   {part.content.trim()}
                 </p>
               );