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;