summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'views/lists.erb')
-rw-r--r--views/lists.erb24
1 files changed, 14 insertions, 10 deletions
diff --git a/views/lists.erb b/views/lists.erb
index c2cee2c..aae8cdb 100644
--- a/views/lists.erb
+++ b/views/lists.erb
@@ -3,18 +3,20 @@
<h2>Current Mailing Lists</h2>
<div class="row">
- <div class="col-xs-12 col-md-6">
+ <div class="col-12 col-md-6">
<div class="list-group">
<% $config['active_lists'].each do |list| %>
- <a href="<%= h list %>/" class="list-group-item">
+ <a href="<%= h list %>/" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
<span class="fa fa-fw fa-archive"></span>
<%= h list %>
- <span class="badge"><%= MessageCountCache.instance[list] %></span>
+ <h4 class="mb-0">
+ <span class="badge badge-secondary badge-pill"><%= MessageCountCache.instance[list] %></span>
+ </h4>
</a>
<% end %>
</div>
</div>
- <div class="col-xs-12 col-md-6">
+ <div class="col-12 col-md-6">
<div class="alert alert-info" role="alert">
<strong>How to Participate</strong><br>
Please see our <a href="https://www.gentoo.org/main/en/lists.xml" class="alert-link">Mailing List information page</a> for more information on
@@ -23,21 +25,23 @@
</div>
</div>
-<h2>Frozen Archives</h2>
+<h2 class="mt-5">Frozen Archives</h2>
-<div class="row">
- <div class="col-xs-12 col-md-6">
+<div class="row mb-5">
+ <div class="col-12 col-md-6">
<div class="list-group">
<% $config['frozen_lists'].each do |list| %>
- <a href="<%= h list %>/" class="list-group-item">
+ <a href="<%= h list %>/" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
<span class="fa fa-fw fa-archive"></span>
<%= h list %>
- <span class="badge"><%= MessageCountCache.instance[list] %></span>
+ <h4 class="mb-0">
+ <span class="badge badge-secondary badge-pill"><%= MessageCountCache.instance[list] %></span>
+ </h4>
</a>
<% end %>
</div>
</div>
- <div class="col-xs-12 col-md-6">
+ <div class="col-12 col-md-6">
<div class="alert alert-warning" role="alert">
<strong>Inactive Lists</strong><br>
These mailing lists are inactive. You can not post or subscribe to them any more.