Use Bootstrap CSS columns for space launches

Closes: #17
This commit is contained in:
Edward Betts 2023-10-06 23:00:22 +01:00
parent 9f3042d72e
commit 02b32dd5ef

View file

@ -117,17 +117,19 @@
{% endfor %} {% endfor %}
<h3>Space launches</h3> <h3>Space launches</h3>
<table class="table table-hover">
{% for launch in rockets %} {% for launch in rockets %}
<tr> <div class="row">
<td class="text-nowrap text-end">{{ launch.t0_date }} <div class="col-md-1 text-nowrap text-md-end">{{ launch.t0_date }}
{% if launch.t0_time %}<br/>{{ launch.t0_time }}{% endif %}</td> {% if launch.t0_time %}<br class="d-none d-md-block"/>{{ launch.t0_time }}{% endif %}</div>
<td class="text-nowrap"><abbr title="{{ launch.status.name }}">{{ launch.status.abbrev }}</abbr></td> <div class="col-md-1 text-md-nowrap">
<td>{{ launch.rocket }} <span class="d-md-none">launch status:</span>
&mdash; <abbr title="{{ launch.status.name }}">{{ launch.status.abbrev }}</abbr>
{{launch.mission.name }} </div>
&mdash; <div class="col">{{ launch.rocket }}
&ndash;
<strong>{{launch.mission.name }}</strong>
&ndash;
{% if launch.launch_provider_abbrev %} {% if launch.launch_provider_abbrev %}
<abbr title="{{ launch.launch_provider }}">{{ launch.launch_provider_abbrev }}</abbr> <abbr title="{{ launch.launch_provider }}">{{ launch.launch_provider_abbrev }}</abbr>
@ -145,10 +147,9 @@
<p>{{ line }}</p> <p>{{ line }}</p>
{% endfor %} {% endfor %}
</td> </div>
</tr> </div>
{% endfor %} {% endfor %}
</table>
</div> </div>
<pre>{{ events | pprint }}</pre> <pre>{{ events | pprint }}</pre>