From 58afa53260001ea34b5ac894f7873d712cc5651d Mon Sep 17 00:00:00 2001
From: Henrik Levkowetz <henrik@levkowetz.com>
Date: Sun, 28 Feb 2016 20:31:34 +0000
Subject: [PATCH] Column text on the archives tab could overlap for some screen
 sizes.  Tweaked the use of bootstrap cell width styles.  - Legacy-Id: 10868

---
 ietf/templates/group/derived_archives.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ietf/templates/group/derived_archives.html b/ietf/templates/group/derived_archives.html
index 75a5998eb..63895fe98 100644
--- a/ietf/templates/group/derived_archives.html
+++ b/ietf/templates/group/derived_archives.html
@@ -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 %}