improve list layout

templates/main.css

@@ -23,6 +23,28 @@ blockquote {
     border-left: 3px solid lightgray;
 }
 
+pre, code {
+    background: rgb(248, 248, 252);
+}
+
+code {
+    padding: .05em;
+}
+
+pre {
+    padding: 1em;
+    overflow-x: auto;
+    word-wrap: normal;
+}
+
+li {
+    margin: .15em 0;
+}
+
+li p {
+    margin: 0;
+}
+
 aside h1 {
     font-size: 16pt;
     text-decoration: underline;
@@ -106,20 +128,6 @@ main footer {
     text-align: right;
 }
 
-pre, code {
-    background: rgb(248, 248, 252);
-}
-
-code {
-    padding: .05em;
-}
-
-pre {
-    padding: 1em;
-    overflow-x: auto;
-    word-wrap: normal;
-}
-
 .message {
     text-align: center;
     padding: 2em;