From 3565d9c567ff83e593ddbafb8055a9400a0ab6d5 Mon Sep 17 00:00:00 2001
From: "Jonathan S. Katz" <jonathan.katz@excoventures.com>
Date: Wed, 18 Apr 2018 15:56:59 -0400
Subject: [PATCH] Change styles for archives view to enable easier browsing.

This changes makes various font and padding changes to allow
more content to be viewed per page.
---
 .../mailarchives/templates/_message.html      | 30 +++++++--------
 .../mailarchives/templates/datelist.html      |  2 +-
 .../mailarchives/templates/message_flat.html  |  1 -
 .../mailarchives/templates/monthlist.html     |  2 +-
 django/media/css/main.css                     | 38 +++++++++++++++++--
 5 files changed, 51 insertions(+), 22 deletions(-)

diff --git a/django/archives/mailarchives/templates/_message.html b/django/archives/mailarchives/templates/_message.html
index aa5afd4..03367e2 100644
--- a/django/archives/mailarchives/templates/_message.html
+++ b/django/archives/mailarchives/templates/_message.html
@@ -1,8 +1,8 @@
 {%load pgfilters%}
 
-<table class="table table-sm table-responsive">
+<table class="table-sm table-responsive message-header" style="border-bottom: 0.2em solid grey; margin-bottom: 1em;">
  <tr>
-  <th scope="row">From:</th>
+  <th scope="row" style="width: 10%">From:</th>
   <td>{{msg.mailfrom|hidemail}}</td>
  </tr>
  <tr>
@@ -30,9 +30,9 @@
  <tr>
    <th class="align-middle" scope="row">Views:</th>
    <td>
-     <a class="btn btn-sm btn-secondary" href="/message-id/raw/{{msg.messageid|urlencode}}">Raw Message</a>
-     <a class="btn btn-sm btn-secondary" href="/message-id/flat/{{msg.messageid|urlencode}}">Whole Thread</a>
-     <a class="btn btn-sm btn-secondary" href="/message-id/mbox/{{msg.messageid|urlencode}}">Download mbox</a>
+     <a href="/message-id/raw/{{msg.messageid|urlencode}}">Raw Message</a> |
+     <a href="/message-id/flat/{{msg.messageid|urlencode}}">Whole Thread</a> |
+     <a href="/message-id/mbox/{{msg.messageid|urlencode}}">Download mbox</a>
    </td>
  </tr>
  {% if not show_all %}
@@ -54,13 +54,13 @@
   {% endif %}
 </table>
 {%if msg.hiddenstatus%}
-<pre style="font-size: 0.85rem; line-height: 1.1rem;">{{msg.hiddenreason}}</pre>
+<pre class="message-content">{{msg.hiddenreason}}</pre>
 {%else%}
-<pre style="font-size: 0.85rem; line-height: 1.1rem;">{{msg.bodytxt|hideallemail|urlize}}</pre>
+<pre class="message-content">{{msg.bodytxt|hideallemail|urlize}}</pre>
 
 {%if msg.has_attachment%}
-  <h5>Attachments</h5>
-  <table class="table table-sm table-responsive">
+  <h3 class="messages">Attachments</h3>
+  <table class="table table-sm table-responsive message-header">
     <thead>
       <tr>
         <th scope="col">Attachment</th>
@@ -89,17 +89,17 @@
 {%endif%}
 
 {%if parent%}
-  <h3>In response to</h3>
-  <ul>
+  <h3 class="messages" style="margin: 0.5em 0;">In response to</h3>
+  <ul class="message-responses">
     <li><a href="/message-id/{{parent.messageid|urlencode}}">{{parent.subject}}</a> at {{parent.printdate}} from {{parent.mailfrom|nameonly}}</li>
   </ul>
 {%endif%}
 
 {%if responses%}
-  <h3>Responses</h3>
+  <h3 class="messages" style="margin: 0.5em 0;">Responses</h3>
   <ul>
     {%for m in responses%}
-      <li>
+      <li class="message-responses">
         <a href="/message-id/{{m.messageid|urlencode}}">{{m.subject}}</a> at {{m.printdate}} from {{m.mailfrom|nameonly}}
       </li>
     {%endfor%}
@@ -108,8 +108,8 @@
 
 {%if nextprev%}
   {%for list, info in nextprev.items %}
-    <h3>Browse {{list}} by date</h3>
-    <table class="table table-sm table-responsive">
+    <h3 class="messages" style="margin: 0.5em 0;">Browse {{list}} by date</h3>
+    <table class="table table-sm table-responsive message-header">
       <thead>
         <tr>
           <th scope="col">&nbsp;</th>
diff --git a/django/archives/mailarchives/templates/datelist.html b/django/archives/mailarchives/templates/datelist.html
index f0cc42d..1b94055 100644
--- a/django/archives/mailarchives/templates/datelist.html
+++ b/django/archives/mailarchives/templates/datelist.html
@@ -18,7 +18,7 @@
       </table>
     {%endif%}
     <h2>{{m.date.date}}</h2>
-    <table class="table table-striped table-sm">
+    <table class="table table-striped table-sm thread-list">
       <thead>
         <tr>
           <th scope="col" style="width: 70%;">Thread</th>
diff --git a/django/archives/mailarchives/templates/message_flat.html b/django/archives/mailarchives/templates/message_flat.html
index e55ebea..0d25201 100644
--- a/django/archives/mailarchives/templates/message_flat.html
+++ b/django/archives/mailarchives/templates/message_flat.html
@@ -19,6 +19,5 @@ window.onload = load;
 {%for m in allmsg %}
 <a name="{{m.messageid|urlencode}}"></a>
 {% include '_message.html' with msg=m show_all=True %}
-<hr />
 {%endfor%}
 {%endblock%}
diff --git a/django/archives/mailarchives/templates/monthlist.html b/django/archives/mailarchives/templates/monthlist.html
index 2af9621..3b96459 100644
--- a/django/archives/mailarchives/templates/monthlist.html
+++ b/django/archives/mailarchives/templates/monthlist.html
@@ -12,7 +12,7 @@
 <h2>View Archives</h2>
 
 {%regroup months by year as yearmonth %}
-<table class="table table-striped">
+<table class="table table-striped table-sm thread-list">
   <tbody>
     {% for year in yearmonth %}
       <tr>
diff --git a/django/media/css/main.css b/django/media/css/main.css
index 4d8747e..e5a959d 100644
--- a/django/media/css/main.css
+++ b/django/media/css/main.css
@@ -36,10 +36,6 @@ dl, ol, ul {
   margin-bottom: 0.5rem;
 }
 
-.table td, .table th {
-  padding: 0.5rem;
-}
-
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Maven Pro', sans-serif;
     font-weight: 700;
@@ -724,9 +720,43 @@ th.formfieldnamecontainer {
     height: 3.5em;
 }
 
+/** Thread Lists */
+.thread-list {
+    font-size: 0.8em;
+}
+
+/** Messages */
+
+h3.messages {
+    text-transform: none;
+    font-size 1.2em;
+}
+
+.message-header {
+    font-size: 0.7em;
+    line-height: 1.2em;
+}
+
+.message-header select {
+    height: auto;
+    padding: 0;
+}
+
+.message-content {
+    font-size: 0.8em;
+    line-height: 1.2em;
+    margin: 0 auto;
+}
+
+.message-responses {
+    font-size: 1.2em;
+    font-size: 0.7em;
+}
+
 /* Message Subjects */
 h1.subject {
     text-transform: none;
+    font-size: 1.2em;
 }
 
 /** ALL RESPONSIVE QUERIES HERE */
-- 
2.39.5