From b42b3c64918c6069cfecebff91c413071b1cb418 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

---
 _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);
+  }
+}