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