From 992c99d2fb392d490795d9308c392a5cd45a8c74 Mon Sep 17 00:00:00 2001
From: Hare <hare.02.k@gmail.com>
Date: Wed, 18 Dec 2024 07:14:01 +0900
Subject: [PATCH] update: refine layout and spacing in blog styles and article
 page

---
 src/lib/blog.scss                | 8 +++++---
 src/lib/page/article_page.svelte | 7 +++----
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/lib/blog.scss b/src/lib/blog.scss
index 3ffbb9c..27fcc01 100644
--- a/src/lib/blog.scss
+++ b/src/lib/blog.scss
@@ -7,15 +7,16 @@
 
 	color: var(--color-text);
 
-	padding-left: 2rem;
+	padding-left: 0rem;
 	box-sizing: border-box;
 
 	h1 {
 		position: relative;
 		width: auto;
 		font-size: 1.8rem;
-		margin-bottom: 0.5rem;
-		margin-left: -1rem;
+    padding: 1.5rem 0 0.25rem 0;
+		margin: 0 0 0.75rem 0rem;
+		border-bottom: 1px solid var(--color-outline);
 	}
 
 	hr {
@@ -27,6 +28,7 @@
 	}
 
 	h2 {
+    padding: 1rem 0 0.25rem 0;
 		font-size: 1.5rem;
 		position: relative;
 
diff --git a/src/lib/page/article_page.svelte b/src/lib/page/article_page.svelte
index 28d66cd..70272fc 100644
--- a/src/lib/page/article_page.svelte
+++ b/src/lib/page/article_page.svelte
@@ -121,9 +121,8 @@
 			border-top: none;
 			border-bottom: none;
 			min-height: 100%;
-			padding: 20px;
-			padding-top: 100px;
-			max-width: 800px;
+			padding: 100px 100px 0 100px;
+			max-width: 900px;
 			margin: 0;
 		}
 	}
@@ -149,7 +148,7 @@
 		h1 {
 			font-size: 2rem;
 			text-align: center;
-			margin: 0;
+			margin: 0 -30px 0 -30px;
 			padding: 12px;
 			border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 			box-sizing: border-box;