From d45fdbbfb513d867b49219a02ef417c381206a65 Mon Sep 17 00:00:00 2001
From: Henrique Dias <hacdias@gmail.com>
Date: Tue, 4 Jul 2017 14:08:32 +0100
Subject: [PATCH] Improvements on mobile

Former-commit-id: 8ada05a2e55b2ff981bd262428180b1a8536cd4e [formerly d730b097f82616c3d4e66b4756e69ebbce6079ac] [formerly 2d14624e641d0e1f0ba3c74e13a109bb7769fdc1 [formerly b42b3c64918c6069cfecebff91c413071b1cb418]]
Former-commit-id: 12240d5c19de99c0b639f94ffd82dbffc2b78177 [formerly 3611b305281016452a25366de003b7af21f3bebf]
Former-commit-id: 73203d1fb6d4ab59e66388dbe61a569e1a0dd5a3
---
 _assets/src/css/listing.css |  5 -----
 _assets/src/css/mobile.css  | 20 ++++++++++++++++++++
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/_assets/src/css/listing.css b/_assets/src/css/listing.css
index b16bf6cc..4f367266 100644
--- a/_assets/src/css/listing.css
+++ b/_assets/src/css/listing.css
@@ -1,8 +1,3 @@
-#listing {
-    max-width: calc(100% - 1.2em);
-    width: 100%;
-}
-
 #listing h2 {
     margin: 0 0 0 0.5em;
     font-size: .9em;
diff --git a/_assets/src/css/mobile.css b/_assets/src/css/mobile.css
index 2aaf54cc..7634a646 100644
--- a/_assets/src/css/mobile.css
+++ b/_assets/src/css/mobile.css
@@ -10,3 +10,23 @@
     width: calc(100% - 13em)
   }
 }
+
+@media (max-width: 736px) {
+  nav {
+    top: 0;
+    z-index: 9999;
+    background: #fff;
+    height: 100%;
+    width: 13em;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+  }
+
+  #listing.list .item.header, main {
+    width: calc(100% - 2em);
+  }
+
+  main {
+    margin: 0 1em;
+    width: calc(100% - 2em);
+  }
+}