From 7b93526f8d1e81dd76622da12c5eb1658eb0cf18 Mon Sep 17 00:00:00 2001
From: Kasper Friis Christensen <kasper@friischristensen.com>
Date: Sat, 15 Apr 2017 11:12:01 +0200
Subject: [PATCH] Update mobile navigation

---
 src/static_src/css/bornhack.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/src/static_src/css/bornhack.css b/src/static_src/css/bornhack.css
index acc122fc..3b509c85 100644
--- a/src/static_src/css/bornhack.css
+++ b/src/static_src/css/bornhack.css
@@ -43,6 +43,30 @@ a, a:active, a:focus {
   margin-top: 6px;
 }
 
+@media (max-width: 480px) {
+  .navbar-fixed-top .navbar-collapse {
+    max-height: 450px;
+  }
+  
+  .navbar .navbar-collapse {
+    border-bottom: 1px solid #ccc;
+    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
+    -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
+    box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
+  }
+  .navbar .navbar-nav {
+    margin: 0 -15px;
+  }
+
+  .navbar .nav > li {
+    border-top: 1px solid #ccc;
+  }
+  .navbar .nav li a {
+    padding: 15px;
+  }
+}
+
+
 /* btn-group */
 .btn-group .btn {
   border-right: 0;