Responsiveness fixes for the headers table

1 files changed, 36 insertions, 33 deletions

diff --git a/views/message.erb b/views/message.erb
index d9c1c66..74525ca 100644
--- a/views/message.erb
+++ b/views/message.erb
@@ -1,38 +1,41 @@
 <h1 class="first-header">Gentoo Archives: <%= list %></h1>
 
-<table class="table table-condensed ag-header-table">
-  <tr>
-    <th class="ag-header-name-col">From:</th>
-    <td colspan="3"><%= h strip_email_domain(message['_source']['from']) %></td>
-  </tr>
-  <tr>
-    <th>To:</th>
-    <td colspan="3"><%= h strip_email_domain(message['_source']['to']) %></td>
-  </tr>
-  <% unless message['_source']['cc'] == nil or message['_source']['cc'] == '' %>
-  <tr>
-    <th>Cc:</th>
-    <td colspan="3"><%= h strip_email_domain(message['_source']['cc']) %></td>
-  </tr>
-  <% end %>
-  <tr>
-    <th>Subject:</th>
-    <td colspan="3"><strong><%= h message['_source']['subject'] %></strong></td>
-  </tr>
-  <tr>
-    <th>Date:</th>
-    <td><%= date_format message['_source']['date'] %></td>
-    <th class="ag-header-msgid-col">Message-Id:</th>
-    <td><%= message['_source']['raw_message_id'] %></td>
-  </tr>
-  <% unless parent == nil %>
-  <tr>
-    <th>In Reply to:</th>
-    <td colspan="3"><a href="<%= parent['_id'] %>"><%= parent['_source']['subject'] %></a> by <%= parent['_source']['from'] %></td>
-  </tr>
-  <% end %>
-</table>
-<!-- Message-Id: <%= message['_source']['raw_message_id'] %> -->
+<div class="table-responsive">
+  <table class="table table-condensed ag-header-table">
+    <tr>
+      <th class="ag-header-name-col">From:</th>
+      <td><%= h strip_email_domain(message['_source']['from']) %></td>
+    </tr>
+    <tr>
+      <th>To:</th>
+      <td><%= h strip_email_domain(message['_source']['to']) %></td>
+    </tr>
+    <% unless message['_source']['cc'] == nil or message['_source']['cc'] == '' %>
+    <tr>
+      <th>Cc:</th>
+      <td><%= h strip_email_domain(message['_source']['cc']) %></td>
+    </tr>
+    <% end %>
+    <tr>
+      <th>Subject:</th>
+      <td><strong><%= h message['_source']['subject'] %></strong></td>
+    </tr>
+    <tr>
+      <th>Date:</th>
+      <td><%= date_format message['_source']['date'] %></td>
+    </tr>
+    <tr>
+      <th>Message-Id:</th>
+      <td><tt><%= h message['_source']['raw_message_id'] %></tt></td>
+    </tr>
+    <% unless parent == nil %>
+    <tr>
+      <th>In Reply to:</th>
+      <td colspan="3"><a href="<%= parent['_id'] %>"><%= parent['_source']['subject'] %></a> by <%= parent['_source']['from'] %></td>
+    </tr>
+    <% end %>
+  </table>
+</div>
 
 <pre class="ag-message-content">
 <%= linkize(strip_email(message['_source']['content'])) %>