From 67ed1e2170e7e7ee252c6510e85f475360466a20 Mon Sep 17 00:00:00 2001
From: Miles Gould <miles@assyrian.org.uk>
Date: Thu, 5 Sep 2013 12:25:45 +0100
Subject: [PATCH] Set map height in CSS; smaller for phones.

In future we should consider making classes for different sizes of maps.
---
 app/assets/stylesheets/bootstrap_and_overrides.css.less | 8 ++++++++
 app/views/places/index.html.haml                        | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/bootstrap_and_overrides.css.less b/app/assets/stylesheets/bootstrap_and_overrides.css.less
index 6bc825068..5fed97978 100644
--- a/app/assets/stylesheets/bootstrap_and_overrides.css.less
+++ b/app/assets/stylesheets/bootstrap_and_overrides.css.less
@@ -147,6 +147,10 @@ p.stats {
   margin-left: 0px;
 }
 
+#map {
+  height: 500px;
+}
+
 // Overrides applying only to mobile view
 
 @media only screen and (max-width: 767px) {
@@ -155,4 +159,8 @@ p.stats {
     border-left: none;
     padding-left: 0;
   }
+
+  #map {
+    height: 300px;
+  }
 }
diff --git a/app/views/places/index.html.haml b/app/views/places/index.html.haml
index a390c2fa8..82dbbf55b 100644
--- a/app/views/places/index.html.haml
+++ b/app/views/places/index.html.haml
@@ -1,6 +1,6 @@
 -content_for :title, "Places"
 
-%div#map{ :style => "height:500px"}
+%div#map
 
 <script src="/assets/leaflet.js?body=1" type="text/javascript"></script>