Add a small padding-top above location map for mobile devices

This commit is contained in:
Tom Naessens 2019-05-30 19:40:17 +12:00
parent 0619cef246
commit 41a289fb47
2 changed files with 6 additions and 2 deletions

View file

@ -3,6 +3,10 @@ body {
padding-top: 70px; padding-top: 70px;
} }
.padding-top {
padding-top: 10px;
}
.darker { .darker {
background-color: #fafafa; background-color: #fafafa;
margin-top: 10px; margin-top: 10px;
@ -21,4 +25,4 @@ body {
.product .extras { .product .extras {
padding-left: 20px; padding-left: 20px;
} }

View file

@ -11,7 +11,7 @@
<span class="glyphicon glyphicon-phone"></span> {{ location.telephone }} <br/> <span class="glyphicon glyphicon-phone"></span> {{ location.telephone }} <br/>
<span class="glyphicon glyphicon-link"></span> <a href="{{ location.website}}">{{ location.website }}</a> <span class="glyphicon glyphicon-link"></span> <a href="{{ location.website}}">{{ location.website }}</a>
</div> </div>
<div class="col-md-push-1 col-md-5"> <div class="col-md-push-1 col-md-5 padding-top">
{% if location.address %} {% if location.address %}
<div class="small-map" id="mapid"></div> <div class="small-map" id="mapid"></div>
{% endif %} {% endif %}