From 7a3d8ff734977a52926142e1853acc07fb09a8e3 Mon Sep 17 00:00:00 2001
From: Andrew Williams <andy@tensixtyone.com>
Date: Sat, 13 Apr 2013 11:30:55 +0100
Subject: [PATCH] Cleanup templates for mobiles/tablets.

---
 app/stores/templates/stores/store_map.html | 10 +++++
 app/vapemap/templates/base.html            | 46 ++++++++++++++--------
 2 files changed, 39 insertions(+), 17 deletions(-)

diff --git a/app/stores/templates/stores/store_map.html b/app/stores/templates/stores/store_map.html
index b9c2a7f..36cef19 100644
--- a/app/stores/templates/stores/store_map.html
+++ b/app/stores/templates/stores/store_map.html
@@ -12,6 +12,16 @@
             width: 100%;
             height: 600px;
         }
+        @media (max-width: 767px) {
+            #map-canvas-stores {
+                height: 500px;
+            }
+        }
+        @media (max-width: 767px) {
+            #map-canvas-stores {
+                height:  400px;
+            }
+        }
     </style>
 {% endblock %}
 
diff --git a/app/vapemap/templates/base.html b/app/vapemap/templates/base.html
index 4675734..380f0b4 100644
--- a/app/vapemap/templates/base.html
+++ b/app/vapemap/templates/base.html
@@ -31,24 +31,36 @@
                     <div class="container">
                         <ul class="nav">
                             <li><a href="{% url "map" %}">Map</a></li>
-                            <li><a href="{% url "store-retail-list" %}">Retail Stores</a></li>
-                            <li><a href="{% url "store-online-list" %}">Online Stores</a></li>
-                            <li><a href="{% url "chain-list" %}">Chains</a></li>
-                            <li><a href="{% url "brand-list" %}">Brand Stockists</a></li>
-                        </ul>
-                        <ul class="nav pull-right">
-                            {% if not user.is_authenticated %}
-                            <li><a href="#login-modal" data-toggle="modal">Login</a></li>
-                            {% else %}
-                            {% if user.is_superuser %}
-                            {% if admin_inactive_stores > 0 %}<li><a href="{% url "admin:stores_store_changelist" %}?active__exact=0" title="Inactive Stores"><span class="badge badge-info">{{ admin_inactive_stores }}</span></a></li>{% endif %}
-                            {% if admin_pending_flags > 0 %}<li><a href="{% url "admin:moderation_flaggedobject_changelist" %}?status__exact=1" title="Pending Moderation Flags"><span class="badge badge-warning">{{ admin_pending_flags }}</span></a></li>{% endif %}
-                            {% if admin_pending_claims > 0 %}<li><a href="{% url "admin:stores_claimrequest_changelist" %}?status__exact=0" title="Pending Claims"><span class="badge badge-important">{{ admin_pending_claims }}</span></a></li>{% endif %}
-                            <li><a href="{% url "admin:index" %}">Admin</a></li>
-                            {% endif %}
-                            <li><a href="#">{{ user.username }}</a></li>
-                            {% endif %}
+                            <li class="hidden-phone"><a href="{% url "store-retail-list" %}">Retail Stores</a></li>
+                            <li class="hidden-phone"><a href="{% url "store-online-list" %}">Online Stores</a></li>
                         </ul>
+
+                        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+                            <span class="icon-bar"></span>
+                            <span class="icon-bar"></span>
+                            <span class="icon-bar"></span>
+                        </a>
+                        <div class="nav-collapse collapse">
+                            <ul class="nav">
+                                <li class="visible-phone"><a href="{% url "store-retail-list" %}">Retail Stores</a></li>
+                                <li class="visible-phone"><a href="{% url "store-online-list" %}">Online Stores</a></li>
+                                <li><a href="{% url "chain-list" %}">Chains</a></li>
+                                <li><a href="{% url "brand-list" %}">Brand Stockists</a></li>
+                            </ul>
+                            <ul class="nav pull-right">
+                                {% if not user.is_authenticated %}
+                                <li><a href="#login-modal" data-toggle="modal">Login</a></li>
+                                {% else %}
+                                {% if user.is_superuser %}
+                                {% if admin_inactive_stores > 0 %}<li><a href="{% url "admin:stores_store_changelist" %}?active__exact=0" title="Inactive Stores"><span class="badge badge-info">{{ admin_inactive_stores }}</span></a></li>{% endif %}
+                                {% if admin_pending_flags > 0 %}<li><a href="{% url "admin:moderation_flaggedobject_changelist" %}?status__exact=1" title="Pending Moderation Flags"><span class="badge badge-warning">{{ admin_pending_flags }}</span></a></li>{% endif %}
+                                {% if admin_pending_claims > 0 %}<li><a href="{% url "admin:stores_claimrequest_changelist" %}?status__exact=0" title="Pending Claims"><span class="badge badge-important">{{ admin_pending_claims }}</span></a></li>{% endif %}
+                                <li><a href="{% url "admin:index" %}">Admin</a></li>
+                                {% endif %}
+                                <li><a href="#">{{ user.username }}</a></li>
+                                {% endif %}
+                            </ul>
+                        </div>
                     </div>
                 </div>
             </div>