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.

diff --git a/django/archives/mailarchives/templates/_message.html b/django/archives/mailarchives/templates/_message.html
index aa5afd4201012c4ac0cce9a7a4ffd5da6278fa40..03367e2ad7c208eabbfa0c426d00abb8e32ab6ca 100644 (file)
--- 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 f0cc42d29684d4577bb8a798d74d1f9029a3a598..1b940552674c99448806d81810095496ab8861b5 100644 (file)
--- 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 e55ebea319f069b15bef1de8d97e8e0ddbe31d44..0d25201f30d8f42bcd187d99225cb5675d069451 100644 (file)
--- 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 2af962163485c67ac51db5a17b49647840885802..3b964595830697f97dcba68a7a4e01cc9c224c4f 100644 (file)
--- 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 4d8747e66ad0b01854da326ae207ca9b3db484f4..e5a959ddd5d7e3a5bf2ffde4250ba354f630d249 100644 (file)
--- 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 */