Adjustments for ease of scrolling based on feedback.

These changes condense the header view further while also getting
rid of extra space in the navigation, attachments, and responses
navigation in the flat message list view.

diff --git a/django/archives/mailarchives/templates/_message.html b/django/archives/mailarchives/templates/_message.html
index cc9c8ca8ed196ef0082885d7bf94f2dda06bef11..c0ea7b8604cf9f7a193829c1c08278b2ad6825f0 100644 (file)
--- a/django/archives/mailarchives/templates/_message.html
+++ b/django/archives/mailarchives/templates/_message.html
@@ -59,7 +59,7 @@
 <pre class="message-content">{{msg.bodytxt|hideallemail|urlize}}</pre>
 
 {%if msg.has_attachment%}
-  <table class="table table-sm table-responsive message-header" style="margin-top: 1.5em;">
+  <table class="table table-sm table-responsive message-attachments">
     <thead>
       <tr>
         <th scope="col">Attachment</th>
@@ -108,7 +108,7 @@
 {%if nextprev%}
   {%for list, info in nextprev.items %}
     <h3 class="messages" style="margin: 0.5em 0;">Browse {{list}} by date</h3>
-    <table class="table table-sm table-responsive message-header">
+    <table class="table table-sm table-responsive message-nav">
       <thead>
         <tr>
           <th scope="col">&nbsp;</th>

diff --git a/django/media/css/main.css b/django/media/css/main.css
index e5a959ddd5d7e3a5bf2ffde4250ba354f630d249..a4d85b8272a28260508eb97360415ffa1ff62d2a 100644 (file)
--- a/django/media/css/main.css
+++ b/django/media/css/main.css
@@ -735,6 +735,11 @@ h3.messages {
 .message-header {
     font-size: 0.7em;
     line-height: 1.2em;
+    padding-bottom: 0.3em;
+}
+
+.message-header th, .message-header td {
+    padding: 0;
 }
 
 .message-header select {
@@ -749,8 +754,13 @@ h3.messages {
 }
 
 .message-responses {
-    font-size: 1.2em;
     font-size: 0.7em;
+    line-height: 1.5em;
+}
+
+.message-attachments, .message-nav {
+    font-size: 0.7em;
+    line-height: 1.2em;
 }
 
 /* Message Subjects */