Elastic: Small improvements in attachment preview

skins/elastic/styles/layout.less

@@ -196,6 +196,10 @@ html.iframe {
             &.filter:before {
                 font-size: 1.6rem; // this icon is too big in FA5
             }
+
+            .inner {
+                display: none;
+            }
         }
     }
 

skins/elastic/styles/widgets/buttons.less

@@ -123,6 +123,10 @@ button.btn {
     &.settings:before {
         content: @fa-var-wrench;
     }
+
+    &.properties:before {
+        content: @fa-var-info-circle;
+    }
 }
 
 a.btn,

skins/elastic/styles/widgets/common.less

@@ -348,6 +348,12 @@ fieldset.image-attachment {
     }
 }
 
+.props-table {
+    td.title {
+        width: 7em;
+    }
+}
+
 .table-widget {
     display: flex;
     flex-direction: column;

skins/elastic/templates/messagepart.html

@@ -7,18 +7,18 @@
 		<a class="button icon back-content-button" href="#content" data-hidden="big"><span class="inner"><roundcube:label name="back" /></span></a>
 		<span class="header-title" id="aria-label-contentinfo"><roundcube:label name="properties" /></span>
 	</div>
-	<roundcube:object name="messagePartControls" class="listing" role="contentinfo"
+	<roundcube:object name="messagePartControls" class="listing props-table" role="contentinfo"
 		aria-labelledby="aria-label-contentinfo" />
 </div>
 
 <div class="content selected">
 	<h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolbar" /></h2>
 	<div class="header" role="toolbar" aria-labelledby="aria-label-toolbar">
-		<span class="header-title constant"><roundcube:var name="env:filename" /></span>
-		<div id="messagetoolbar" class="toolbar">
-			<a class="button properties" id="properties-button" href="#properties" onclick="UI.show_sidebar()" data-hidden="big">
+		<a class="button icon properties" id="properties-button" href="#properties" onclick="UI.show_sidebar()" data-hidden="big">
 			<span class="inner"><roundcube:label name="properties"></span>
 		</a>
+		<span class="header-title constant"><roundcube:var name="env:filename" /></span>
+		<div id="messagetoolbar" class="toolbar">
 			<roundcube:button command="download" type="link" label="download" title="download"
 				class="button download disabled" classAct="button download" innerclass="inner" />
 			<roundcube:button command="print" type="link" label="print" title="print"