From ec9c034539822b05b893301fb6f70121ecd26152 Mon Sep 17 00:00:00 2001
From: mcbloch <alazeo@live.be>
Date: Fri, 31 May 2019 19:05:40 +0200
Subject: [PATCH] add media querries for side padding

---
 README.md                   |  3 ++-
 app/static/css/main.css     | 15 +++++++++++++++
 app/templates/location.html |  2 +-
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index b8e2a8a..4351b66 100644
--- a/README.md
+++ b/README.md
@@ -22,7 +22,8 @@ This will create a virtual environment, install the necessary dependencies and w
 If you are using a database other then sqlite you will first need to configure the correct uri to the database in the generated 'config.py' file.
 Afterwards upgrade the database to the latest version using 
 
-    python app/haldis.py db upgrade
+    cd app
+    python haldis.py db upgrade
     
 You can now still seed the database by running
 
diff --git a/app/static/css/main.css b/app/static/css/main.css
index 6a5f493..d01e6bc 100644
--- a/app/static/css/main.css
+++ b/app/static/css/main.css
@@ -26,3 +26,18 @@ body {
 .product .extras {
     padding-left: 20px;
 }
+
+
+@media(min-width: 768px) and (max-width: 991px){
+    /* Make sure the small map in the location page has the same with as the block above */
+    .sm-no-side-padding {
+        padding-left: 0px;
+        padding-right: 0px;
+    }
+}
+
+@media(min-width: 992px){
+    .md-no-right-padding {
+        padding-right: 0px;
+    }
+}
diff --git a/app/templates/location.html b/app/templates/location.html
index 422eb6b..24f8604 100644
--- a/app/templates/location.html
+++ b/app/templates/location.html
@@ -14,7 +14,7 @@ <h3>{{ location.name }}</h3>
             <a href="{{ url_for("order_bp.orders", location_id=location.id) }}" class="btn btn-primary btn-sm">Create order</a>
         {% endif %}
     </div>
-    <div class="col-md-push-1 col-md-5 padding-top">
+    <div class="col-md-push-1 col-md-5 padding-top sm-no-side-padding md-no-right-padding">
         {% if location.address %}
             <div class="small-map" id="mapid"></div>
         {% endif %}