From 41c2ce2e82949aa6eeb6ee97db4deb1c11bbdb86 Mon Sep 17 00:00:00 2001
From: Aleksander Machniak <machniak@kolabsys.com>
Date: Tue, 12 Sep 2017 09:54:14 +0200
Subject: [PATCH] Small improvements for lists

---
 skins/elastic/styles/layout.less        |  1 -
 skins/elastic/styles/widgets/lists.less | 32 +++++++++++++++++++------
 skins/elastic/ui.js                     |  2 ++
 3 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/skins/elastic/styles/layout.less b/skins/elastic/styles/layout.less
index 9c1da4bc3..0157465eb 100644
--- a/skins/elastic/styles/layout.less
+++ b/skins/elastic/styles/layout.less
@@ -116,7 +116,6 @@ body > #layout {
         }
 
         &.menu {
-            display: flex;
             width: @layout-menu-width;
         }
 
diff --git a/skins/elastic/styles/widgets/lists.less b/skins/elastic/styles/widgets/lists.less
index 04f2bc0c2..965b292a2 100644
--- a/skins/elastic/styles/widgets/lists.less
+++ b/skins/elastic/styles/widgets/lists.less
@@ -240,8 +240,8 @@ html.touch {
 ul.treelist li {
     div.treetoggle {
         position: absolute;
-        top: 1.2rem;
-        left: 1.2em;
+        top: 1.8em;
+        left: 1.4em;
         width: .8em;
         height: .8em;
         line-height: .8em;
@@ -282,23 +282,23 @@ ul.treelist li {
         li {
             padding-left: 0;
             a { padding-left: 1.5em; }
-            div.treetoggle { left: (1.5em + .8em); }
+            div.treetoggle { left: (1.5em + .9em); }
 
             li {
                 a { padding-left: (2 * 1.5em); }
-                div.treetoggle { left: (2 * 1.5em + .8em); }
+                div.treetoggle { left: (2 * 1.5em + .9em); }
 
                 li {
                     a { padding-left: (3 * 1.5em); }
-                    div.treetoggle { left: (3 * 1.5em + .8em); }
+                    div.treetoggle { left: (3 * 1.5em + .9em); }
 
                     li {
                         a { padding-left: (4 * 1.5em); }
-                        div.treetoggle { left: (4 * 1.5em + .8em); }
+                        div.treetoggle { left: (4 * 1.5em + .9em); }
 
                         li {
                             a { padding-left: (5 * 1.5em); }
-                            div.treetoggle { left: (5 * 1.5em + .8em); }
+                            div.treetoggle { left: (5 * 1.5em + .9em); }
                         }
                     }
                 }
@@ -551,8 +551,26 @@ table.fixedcopy {
         &:extend(.font-icon-class);
         content: @fa-var-flag-o;
     }
+
+}
+
+
+html.layout-phone,
+html.touch {
+    .messagelist {
+        td.flags {
+            display: none;
+        }
+        td.subject {
+            padding-right: 1em;
+            span.date {
+                right: 1em;
+            }
+        }
+    }
 }
 
+
 /* Attachments list */
 
 .attachmentslist li {
diff --git a/skins/elastic/ui.js b/skins/elastic/ui.js
index 4a9c15ee8..59016864b 100644
--- a/skins/elastic/ui.js
+++ b/skins/elastic/ui.js
@@ -406,6 +406,8 @@ function rcube_elastic_ui()
                 $('a.button.search', this).addClass('active');
             }
         });
+
+        rcmail.env.thread_padding = '1.5rem';
     };
 
     /**