Update layout

1 files changed, 54 insertions, 23 deletions

diff --git a/static/css/common.css b/static/css/common.css
index 0a248e5..e30f323 100644
--- a/static/css/common.css
+++ b/static/css/common.css
@@ -1,6 +1,7 @@
 html {
   max-width: 70ch;
-  padding: 3em 1em;
+  padding-left: 1em;
+  padding-right: 1em;
   margin: auto;
   line-height: 1.75;
   font-size: 1.25em;
@@ -40,10 +41,6 @@ html {
     padding: 0;
 }
 
-a {
-    color: inherit;
-}
-
 time {
     color: gray;
     margin-left: 1rem;
@@ -90,13 +87,18 @@ body {
 /* header */
 
 #header {
-    align-items: center;
+    align-items: end;
     display: flex;
-    flex-direction: column;
+    flex-direction: row;
 }
 
 #header > h1 {
-    text-align: center;
+    line-height: 1;
+}
+
+#header > h1 a {
+    text-decoration: none;
+    color: inherit;
 }
 
 @media screen and (min-width: 768px) {
@@ -118,9 +120,18 @@ body {
     flex-wrap: wrap;
     max-width: 768px;
     width: 100%;
-    margin: 1rem;
 }
 
+.nav-bar-item a {
+    border: 1px solid black;
+    border-radius: 4px;
+    margin: 0.2rem;
+    padding: 0.2rem;
+    text-decoration: none;
+    color: inherit;
+}
+
+
 #header > nav > span > a {
     font-size: 1.2rem;
 }
@@ -150,9 +161,13 @@ footer {
     margin-bottom: 0;
 }
 
-.content a {
-    color: #AA0000;
-    text-decoration: underline;
+hr {
+    margin-bottom: 1rem;
+    width: 100%
+}
+
+footer .links a {
+    margin: 0.5rem;
 }
 
 .content a.footnote-ref::before {
@@ -195,27 +210,31 @@ footer {
 
 .content h1, .content h2, .content h3,
 .content h4, .content h5, .content h6 {
-    line-height: 1.5;
+    line-height: 1;
+}
+
+h1.title {
+    font-size: 2rem;
 }
 
 .content h1 {
-    font-size: 2.4rem;
+    font-size: 1.8rem;
 }
 
 .content h2 {
-    font-size: 1.8rem;
+    font-size: 1.2rem;
 }
 
 .content h3 {
-    font-size: 1.4rem;
+    font-size: 1.1rem;
 }
 
 .content h4 {
-    font-size: 1.2rem;
+    font-size: 1rem;
 }
 
 .content h5 {
-    font-size: 1.1rem;
+    font-size: 1rem;
 }
 
 .content h6 {
@@ -228,6 +247,7 @@ footer {
 
 .content p {
     text-align: justify;
+    padding: 0.2rem;
 }
 
 .content pre {
@@ -270,19 +290,30 @@ footer {
     margin-left: 1.5rem;
 }
 
+li {
+    margin-bottom: 0.5rem;
+}
+
+.email::after {
+    content: "@marks.kitchen";
+}
+
 dl > dt {
     font-weight: bold;
 }
 
 dd {
+    margin-bottom: 1em;
+    margin-left: 2em;
     padding-left: 2em;
     padding-bottom: 1em;
 }
 
-li {
-    margin-bottom: 0.5rem;
+li.post summary {
+    list-style: none;
 }
 
-.email::after {
-    content: "@marks.kitchen";
-}
+li.post p {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+}
\ No newline at end of file