From 1cfad71608a6947d331f2de3b1f71813c33da392 Mon Sep 17 00:00:00 2001
From: "Jannis M. Hoffmann" <jannis@fehcom.de>
Date: Sat, 4 Mar 2023 18:13:10 +0100
Subject: better mobile support for displayheaders

---
 templates/headers/_display_headers.html.ep | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

(limited to 'templates/headers/_display_headers.html.ep')

diff --git a/templates/headers/_display_headers.html.ep b/templates/headers/_display_headers.html.ep
index 870589c..6c00d0b 100644
--- a/templates/headers/_display_headers.html.ep
+++ b/templates/headers/_display_headers.html.ep
@@ -22,12 +22,12 @@
 
         %# $sort_param->('status');
 
-        <div class="pure-u-8-24 pure-u-md-4-24">
+        <div class="pure-u-1 pure-u-md-4-24">
           %= $sort_param->('date');
         </div>
 
 % if ($folder ne "SENT") {
-        <div class="pure-u-16-24 pure-u-md-6-24">
+        <div class="pure-u-1 pure-u-md-8-24">
           %= $sort_param->('sender');
         </div>
 % }
@@ -45,17 +45,17 @@
       </th>
 % }
 
-        <div class="pure-u-20-24 pure-u-md-12-24">
+        <div class="pure-u-1 pure-u-md-12-24">
           %= $sort_param->('subject');
         </div>
 
-        <div class="pure-u-4-24 pure-u-md-2-24">
-          %= $sort_param->('size');
-        </div>
-
       </div>
       </th>
 
+      <th class="hide-small">
+        %= $sort_param->('size');
+      </th>
+
       <th>
         <input type=checkbox checked=1 disabled=1>
       </th>
@@ -76,31 +76,31 @@
 
         <!--
         <div class="pure-u-1-4">
-          %# ucfirst($msg->{head}{mime}{content_maintype} eq 'multipart' ? l('yes') : l('no'));
+          %= ucfirst($msg->{head}{mime}{content_maintype} eq 'multipart' ? l('yes') : l('no'));
         </div>
         -->
 
-        <div class="pure-u-8-24 pure-u-md-4-24">
+        <div class="pure-u-1 pure-u-md-4-24">
           % my $date = parse_iso_date $msg->{head}{date};
           %= join('/', $date->{mday}, $date->{month}, $date->{year}) . " $date->{hour}:$date->{min}";
         </div>
 
-        <div class="pure-u-16-24 pure-u-md-6-24">
+        <div class="pure-u-1 pure-u-md-8-24">
           <%= $msg->{head}{sender}[0]{display_name} || $msg->{head}{sender}[0]{address} ||
               $msg->{head}{from}[0]{display_name} || $msg->{head}{from}[0]{address}; %>
         </div>
 
-        <div class="pure-u-20-24 pure-u-md-12-24">
+        <div class="pure-u-1 pure-u-md-12-24">
           %= link_to $msg->{head}{subject} || '_' => read => {id => $msg->{message_handle}}
         </div>
 
-        <div class="pure-u-4-24 pure-u-md-2-24">
-          %= print_sizes10 $msg->{byte_size};
-        </div>
-
       </div>
       </td>
 
+      <td class="hide-small" style="text-align: right; white-space: nowrap">
+        %= print_sizes10 $msg->{byte_size};
+      </td>
+
       <td>
         %= check_box mail => $msg->{message_handle} => (form => 'move-mail')
       </td>
-- 
cgit v1.2.3