Move Refresh button to the list footer, make Compose button appear also on Compose page

skins/elastic/styles/widgets/taskmenu.less

@@ -176,12 +176,6 @@
 
     @media screen and (max-width: @screen-width-xs) and (min-width: 320px) and (min-height: 480px) {
         text-align: left;
-
-        .special-buttons,
-        .action-buttons {
-            display: block;
-            width: 100%;
-        }
     }
 
     .menu-header {

skins/elastic/styles/widgets/toolbar.less

@@ -164,6 +164,9 @@
         &.actions:before {
             content: @fa-var-cog;
         }
+        &.refresh:before {
+            content: @fa-var-refresh;
+        }
         &.addto:before {
             content: @fa-var-envelope-o;
         }
@@ -290,8 +293,16 @@
             display: none;
         }
     }
+
+
+    .listselectors {
+        max-width: 100%;
+        display: flex;
+        justify-content: space-around;
+    }
 }
 
+
 .header {
     a.button {
         color: @color-font;
@@ -665,13 +676,8 @@ html.ie11 .toolbar .dropbutton a.dropdown:before {
             justify-content: space-around;
         }
 
-        .listselectors {
-            display: flex;
-            justify-content: space-around;
-
-            & > * {
-                flex-grow: 1;
-            }
+        .listselectors > * {
+            flex-grow: 1;
         }
     }
 }

skins/elastic/templates/includes/menu.html

@@ -3,12 +3,7 @@
 	<div id="taskmenu" role="navigation" aria-labelledby="aria-label-tasknav">
 		<div class="menu-header"><a class="button icon cancel"><roundcube:label name="close" /></a></div>
 		<span class="action-buttons">
-			<roundcube:if condition="env:task != 'mail' || env:action != 'compose'" />
-				<roundcube:button command="compose" type="link" class="button compose" label="compose" title="writenewmessage" innerclass="inner" />
-			<roundcube:endif />
-			<roundcube:if condition="env:task == 'mail' && !env:action" />
-				<roundcube:button command="checkmail" type="link" class="button refresh" label="refresh" title="checkmail" innerclass="inner" />
-			<roundcube:endif />
+			<roundcube:button command="compose" type="link" class="button compose" label="compose" title="writenewmessage" innerclass="inner" />
 		</span>
 		<roundcube:button command="mail" label="mail" type="link" class="button mail"
 			classSel="button mail selected" innerClass="inner" />

skins/elastic/templates/mail.html

@@ -55,6 +55,7 @@
 				<a href="#threads" class="button threads" data-popup="threadselect-menu" title="<roundcube:label name="threads" />"><span class="inner"><roundcube:label name="threads" /></span></a>
 			<roundcube:endif />
 			<roundcube:object name="listmenulink" class="button settings" label="options" innerclass="inner" />
+			<roundcube:button command="checkmail" type="link" class="button refresh" label="refresh" title="checkmail" innerclass="inner" />
 			<roundcube:container name="listcontrols" id="listcontrols" />
 		</div>
 	</div>