From 6de60cb90bfb77b634c9dcb41dbd97cf8e336bd3 Mon Sep 17 00:00:00 2001
From: Vitaly Potyarkin <sio.wtf@gmail.com>
Date: Fri, 14 Sep 2018 12:30:08 +0300
Subject: [PATCH] Fix responsive layout for Archives page (#35)

Previously the width of date field was hardcoded at 180px and that would
take up most of screen estate on mobile devices. The most important part
- article titles - may become condensed and even unreadable
---
 static/css/style.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/static/css/style.css b/static/css/style.css
index 75b9d23..d322c1b 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -641,6 +641,8 @@ dl {
 dl dt {
     float: left;
     width: 180px;
+    max-width: 30%;
+    margin-right: 1.5em;
     overflow: hidden;
     clear: left;
     text-align: right;
@@ -651,10 +653,18 @@ dl dt {
 }
 
 dl dd {
-    margin-left: 200px;
+    float: left;
+    max-width: calc(100% - 30% - 1.5em);
+    margin-left: 0;
     margin-bottom: 12px
 }
 
+dl:after, dl dd:after {
+    clear: both;
+    content: "";
+    display: block;
+}
+
 mark {
     background-color: #ffc336
 }