add padding to body and margins to titles

2022-11-19 15:26:53 +01:00
parent e5608d140f
commit 70b8227a4b
2 changed files with 17 additions and 1 deletions
--- a/src/components/Welcome.vue
+++ b/src/components/Welcome.vue
@@ -12,5 +12,6 @@
 .welcome {
  max-width: 800px;
  margin: auto;
+  padding: 1rem;
 }
 </style>
--- a/src/layouts/post.vue
+++ b/src/layouts/post.vue
@@ -10,7 +10,22 @@

 <style lang="scss">
 article#main-article {
-  max-width: 650px;
+  max-width: 680px;
  margin: auto;
+  padding: 1rem;
+}
+
+h1 {
+  line-height: 1em;
+}
+
+h2,
+h3,
+h4,
+h5,
+h6,
+h7 {
+  margin-top: 1rem;
+  margin-bottom: 0.5rem;
 }
 </style>