Column text on the archives tab could overlap for some screen sizes. Tweaked the use of bootstrap cell width styles.

- Legacy-Id: 10868
This commit is contained in:
Henrik Levkowetz 2016-02-28 20:31:34 +00:00
parent 386d1f21ed
commit 58afa53260

View file

@ -10,16 +10,16 @@
{% if list_acronym %}
<div class="row">
<span class="col-xs-2 col-md-1"><strong>Mailarchive</strong></span><span class="col-xs-8 col-md-8"><a href="{{group.list_archive}}">{{group.list_archive}}</a></span>
<span class="col-xs-4 col-sm-3 col-md-2"><strong>Mailarchive</strong></span><span class="col-xs-8 col-sm-9 col-md-10"><a href="{{group.list_archive}}">{{group.list_archive}}</a></span>
</div>
<div class="row">
<span class="col-xs-2 col-md-1"><strong>Mhonarc</strong></span><span class="col-xs-8 col-md-8"><a href="https://www.ietf.org/mail-archive/web/{{list_acronym}}/current/maillist.html">https://www.ietf.org/mail-archive/web/{{list_acronym}}/current/maillist.html</a></span>
<span class="col-xs-4 col-sm-3 col-md-2"><strong>Mhonarc</strong></span><span class="col-xs-8 col-sm-9 col-md-10"><a href="https://www.ietf.org/mail-archive/web/{{list_acronym}}/current/maillist.html">https://www.ietf.org/mail-archive/web/{{list_acronym}}/current/maillist.html</a></span>
</div>
{% else %}
<div class="row">
<strong class="col-xs-2 col-md-1">Archive</strong><span class="col-xs-8 col-md-8"><a href="{{group.list_archive}}">{{group.list_archive}}</a></span>
<strong class="col-xs-4 col-sm-3 col-md-2">Archive</strong><span class="col-xs-8 col-sm-9 col-md-10"><a href="{{group.list_archive}}">{{group.list_archive}}</a></span>
</div>
{% endif %}