add media querries for side padding

This commit is contained in:
mcbloch 2019-05-31 19:05:40 +02:00
parent 6327809bbd
commit ec9c034539
3 changed files with 18 additions and 2 deletions

View file

@ -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

View file

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

View file

@ -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 %}