move all headers button to header-links

skins/elastic/styles/styles.less

@@ -231,6 +231,10 @@ body.task-error-login #layout {
                     .font-icon-regular(@fa-var-envelope);
                 }
 
+                &.headers-all:before {
+                    content: @fa-var-info-circle;
+                }
+
                 &.html:before {
                     content: @fa-var-image;
                 }
@@ -246,8 +250,7 @@ body.task-error-login #layout {
         }
     }
 
-    a.extwin,
-    a.headers {
+    a.extwin {
         text-decoration: none;
     }
 }
@@ -354,7 +357,6 @@ body.task-error-login #layout {
 
 .message-partheaders {
     font-size: 90%;
-    border-bottom: 1px solid @color-list-border;
     color: @color-mail-headers;
 
     .header-title {

skins/elastic/templates/message.html

@@ -31,13 +31,13 @@
 						<roundcube:object name="messageSummary" addicon="virtual" class="header-subject" />
 						<div class="message-partheaders">
 							<roundcube:object name="messageHeaders" class="headers-table" addicon="virtual" exclude="subject" max="10" />
-							<a href="#all-headers" class="headers" onclick="return UI.headers_dialog()"><roundcube:label name="allheaders" /></a>
 						</div>
 					</div>
 					<div class="header-links">
 						<roundcube:add_label name="details" />
 						<roundcube:add_label name="summary" />
 						<a href="#headers" data-toggle="headers" onclick="return UI.headers_show(true)"></a>
+						<a href="#all-headers" class="headers-all" onclick="return UI.headers_dialog()"><roundcube:label name="headers" /></a>
 						<roundcube:add_label name="arialabelmessageheaders" />
 						<roundcube:if condition="env:optional_format=='text'" />
 							<roundcube:button command="change-format" prop="text" type="link" class="plain" innerClass="inner"