Fix #taskmenu.special-buttons in small screens

skins/elastic/includes/menu.html

@@ -6,7 +6,7 @@
 		<roundcube:container name="taskbar" id="taskmenu" />
 		<roundcube:button command="settings" label="settings" type="link" class="button-settings" classSel="button-settings button-selected" innerClass="button-inner" />
 		<span class="special-buttons">
-			<roundcube:button name="about" label="about" type="link" class="button-about" classSel="button-about" innerClass="button-about" onclick="UI.about_dialog(this)" />
+			<roundcube:button name="about" label="about" type="link" class="button-about button-inner" classSel="button-about button-inner" innerClass="button-about button-inner" onclick="UI.about_dialog(this)" />
 			<roundcube:button command="logout" label="logout" type="link" class="button-logout" classSel="button-logout" innerClass="button-inner" />
 		<span>
 	</div>

skins/elastic/styles/colors.less

@@ -2,7 +2,6 @@
 // Left menu
 @taskmenu-background-color:         #222;
 @taskmenu-special-button-color:     grey;
-@taskmenu-logout-button-color:      grey;
 @taskmenu-logout-button-hover-color: red;
 
 // Layout elements

skins/elastic/styles/layout.less

@@ -133,6 +133,7 @@ body > #layout > div > .header > a.menu-button {
 #taskmenu .special-buttons {
 	position: absolute;
 	bottom: 0;
+	left: 0;
 }
 
 #taskmenu .special-buttons a {
@@ -218,7 +219,7 @@ body > #layout > div > .header > a.menu-button {
 		display: inline-block;
 		width: 100px;
 	}
-	#taskmenu a.button-logout {
+	#taskmenu .special-buttons {
 		position: relative;
 	}
 }