add media querries for side padding

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
 

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;
+    }
+}

app/templates/location.html

@@ -14,7 +14,7 @@
             <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 %}