Fix flow quirks in "order information" section

This commit is contained in:
Midgard 2020-10-13 02:01:07 +02:00
parent 8cefb48768
commit c23a11bfdb
Signed by: midgard
GPG key ID: 511C112F1331BBB4

View file

@ -135,6 +135,25 @@
<div class="box" id="order_info"> <div class="box" id="order_info">
<h3>Order information</h3> <h3>Order information</h3>
<dl> <dl>
<div>
<dt>Order opens</dt>
<dd>{{ order.starttime.strftime("%Y-%m-%d, %H:%M") }}</dd>
<dt>Order closes</dt>
<dd>
{% if order.stoptime %}
{% set stoptimefmt = (
"%H:%M" if order.stoptime.date() == order.starttime.date()
else "%Y-%m-%d, %H:%M"
) %}
{{ order.stoptime.strftime(stoptimefmt) }} ({{ order.stoptime|countdown }})
{% else %}
Never
{% endif %}
</dd>
</div>
<div>
<dt>Location</dt> <dt>Location</dt>
<dd> <dd>
{% if order.location %} {% if order.location %}
@ -156,22 +175,7 @@
{{ order.courier.username }} {{ order.courier.username }}
{% endif %} {% endif %}
</dd> </dd>
</div>
<dt>Order opens</dt>
<dd>{{ order.starttime.strftime("%Y-%m-%d, %H:%M") }}</dd>
<dt>Order closes</dt>
<dd>
{% if order.stoptime %}
{% set stoptimefmt = (
"%H:%M" if order.stoptime.date() == order.starttime.date()
else "%Y-%m-%d, %H:%M"
) %}
{{ order.stoptime.strftime(stoptimefmt) }} ({{ order.stoptime|countdown }})
{% else %}
Never
{% endif %}
</dd>
</dl> </dl>
<div> <div>
@ -190,16 +194,21 @@
<h3>About {{ order.location_name }}</h3> <h3>About {{ order.location_name }}</h3>
<dl> <dl>
{% if order.location.telephone %} {% if order.location.telephone %}
<div>
<dt>Telephone</dt> <dt>Telephone</dt>
<dd><a href="tel://{{ order.location.telephone }}">{{ order.location.telephone }}</a></dd> <dd><a href="tel://{{ order.location.telephone }}">{{ order.location.telephone }}</a></dd>
</div>
{% endif %} {% endif %}
{% if order.location.website %} {% if order.location.website %}
<div>
<dt>Website</dt> <dt>Website</dt>
<dd><a href="{{ order.location.website }}">{{ order.location.website }}</a></dd> <dd><a href="{{ order.location.website }}">{{ order.location.website }}</a></dd>
</div>
{% endif %} {% endif %}
{% if order.location.address or order.location.osm %} {% if order.location.address or order.location.osm %}
<div>
<dt>Location</dt> <dt>Location</dt>
<dd> <dd>
{% if order.location.osm %} {% if order.location.osm %}
@ -208,6 +217,7 @@
{{ order.location.address }} {{ order.location.address }}
{% endif %} {% endif %}
</dd> </dd>
</div>
{% endif %} {% endif %}
</dl> </dl>
</div> </div>
@ -364,8 +374,11 @@ h3 {
margin-bottom: 30px; margin-bottom: 30px;
} }
#order_info dl { @media (min-width: 1200px) {
column-width: 150px; #order_info dl {
display: grid;
grid-template-columns: 1fr 1fr;
}
} }
#from_favourites ul, #my_items ul, #per_person ul { #from_favourites ul, #my_items ul, #per_person ul {