Elastic: Small fix for image-tools on mobile

skins/elastic/templates/messagepart.html

@@ -68,6 +68,26 @@
 		<roundcube:object name="messagePartFrame" id="messagepartframe" title="arialabelattachmentpreview"
 			role="main" aria-labelledby="aria-label-messagepart" />
 	</div>
+<roundcube:if condition="stripos(env:mimetype, 'image/') === 0" />
+	<div id="image-tools" class="image-tools" data-hidden="big">
+		<h3 id="aria-label-imagetools" class="voice"><roundcube:label name="arialabelimagetools" /></h3>
+		<div class="toolbar" role="menu" aria-labelledby="aria-label-imagetools">
+			<roundcube:button command="image-scale" type="link" prop="+"
+				class="button zoomin disabled" classAct="button zoomin"
+				label="zoomin" title="increaseimage" innerclass="inner" />
+			<roundcube:button command="image-scale" type="link" prop="-"
+				class="button zoomout disabled" classAct="button zoomout"
+				label="zoomout" title="decreaseimage" innerclass="inner" />
+			<roundcube:button command="image-rotate" type="link"
+				class="button rotate disabled" classAct="button rotate"
+				label="rotate" title="rotateimage" innerclass="inner" />
+		</div>
+		<a href="#" class="button icon tools" onclick="$(this).attr('title', $(this).data('label-' + ($('#image-tools').toggleClass('open').is('.open') ? 'hide' : 'show')))"
+			data-label-show="<roundcube:label name="showtools" />" data-label-hide="<roundcube:label name="hidetools" />" title="<roundcube:label name="showtools" />">
+			<span class="inner"><roundcube:label name="showtools" /></span>
+		</a>
+	</div>
+<roundcube:endif />
 </div>
 
 <roundcube:if condition="env:is_message" />
@@ -99,25 +119,4 @@
 	</div>
 <roundcube:endif />
 
-<roundcube:if condition="stripos(env:mimetype, 'image/') === 0" />
-	<div id="image-tools" class="image-tools" data-hidden="big">
-		<h3 id="aria-label-imagetools" class="voice"><roundcube:label name="arialabelimagetools" /></h3>
-		<div class="toolbar" role="menu" aria-labelledby="aria-label-imagetools">
-			<roundcube:button command="image-scale" type="link" prop="+"
-				class="button zoomin disabled" classAct="button zoomin"
-				label="zoomin" title="increaseimage" innerclass="inner" />
-			<roundcube:button command="image-scale" type="link" prop="-"
-				class="button zoomout disabled" classAct="button zoomout"
-				label="zoomout" title="decreaseimage" innerclass="inner" />
-			<roundcube:button command="image-rotate" type="link"
-				class="button rotate disabled" classAct="button rotate"
-				label="rotate" title="rotateimage" innerclass="inner" />
-		</div>
-		<a href="#" class="button icon tools" onclick="$(this).attr('title', $(this).data('label-' + ($('#image-tools').toggleClass('open').is('.open') ? 'hide' : 'show')))"
-			data-label-show="<roundcube:label name="showtools" />" data-label-hide="<roundcube:label name="hidetools" />" title="<roundcube:label name="showtools" />">
-			<span class="inner"><roundcube:label name="showtools" /></span>
-		</a>
-	</div>
-<roundcube:endif />
-
 <roundcube:include file="includes/footer.html" />