Improve readability on small devices, especially posts, headers and lists

1 files changed, 13 insertions, 0 deletions

diff --git a/static/css/main.css b/static/css/main.css
index cb2ec41..3cd2462 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -142,6 +142,9 @@ nav a:hover {
 
 #blog-show small {
   float: right;
+  display: block;
+  vertical-align: top;
+  margin-left: 0.8em;
 }
 
 #howtos-index li {
@@ -161,6 +164,16 @@ nav a:hover {
   width: 140px;
 }
 
+#back-link {
+  margin-top: 10px;
+}
+
+/* Fix lists */
+dl, li p {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
 pre {
     white-space: pre !important;
 }