From a6eafa55233be4b0de28f0f1684272f7fc5ef06c Mon Sep 17 00:00:00 2001
From: Connor Turland <connorturland@gmail.com>
Date: Sun, 14 Aug 2016 00:07:15 +0000
Subject: [PATCH] improve styling for mobile of map list

---
 app/assets/stylesheets/mobile.css.erb | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/app/assets/stylesheets/mobile.css.erb b/app/assets/stylesheets/mobile.css.erb
index 581dfc29..3347d614 100644
--- a/app/assets/stylesheets/mobile.css.erb
+++ b/app/assets/stylesheets/mobile.css.erb
@@ -69,6 +69,33 @@
     width: 100%;
     padding: 0;
   }
+  
+  #exploreMaps > div {
+    margin-top: 70px;
+  }
+}
+
+/* Smartphones (portrait) ----------- */
+@media only screen and (max-width : 320px) {
+
+  .map {
+    width: 100%;
+    margin: 0 0 30px 0;
+    height: auto;
+  }
+  
+  .mapCard {
+    height: auto;
+  }
+  
+  .mapCard .title {
+    text-align: left;
+  }
+  
+  .mapCard .mapScreenshot {
+    display: none;
+  }
+
 }
 
 #mobile_header {