Use bootstrap grid instead of table

Looks better on mobile

Closes: #47
This commit is contained in:
Edward Betts 2023-11-03 15:39:11 +00:00
parent 8ef99489c3
commit 9a89a3db6f

View file

@ -113,30 +113,29 @@
<h3>Agenda</h3>
<table class="mt-2 table table-hover">
{% for event in events %}
<tr>
<td class="text-end">
{{event.as_date.strftime("%a, %d, %b %Y")}}
</td>
<td class="text-end">
<div class="row border border-1 {% if event.name in class_map %} {{ class_map[event.name]}}{% endif %}">
<div class="col-md-3">
{{event.as_date.strftime("%a, %d, %b")}}
&nbsp;
&nbsp;
{{event.display_time or ""}}
</td>
<td class="text-end">
&nbsp;
&nbsp;
{{event.display_timezone or ""}}
</td>
</div>
<td class="text-start {% if event.name in class_map %} {{ class_map[event.name]}}{% endif %}">
<div class="col-md-8 text-start">
{% if event.url %}<a href="{{ event.url }}">{% endif %}
{{ event_labels.get(event.name) or event.name }}
{%- if event.title -%}: {{ event.title }}{% endif %}
{% if event.url %}</a>{% endif %}
</td>
<td class="text-end">
</div>
<div class="col-md-1">
{{ event.delta_days(today) }}
</td>
</div>
</div>
{% endfor %}
</table>
<h3>Space launches</h3>
{% for launch in rockets %}