From e972f1118bdb336334427956dcb799b4c6ee0f1f Mon Sep 17 00:00:00 2001
From: Aleksander Machniak <alec@alec.pl>
Date: Thu, 15 Mar 2018 16:06:12 +0100
Subject: [PATCH] Elastic: Small fix for image-tools on mobile

---
 skins/elastic/templates/messagepart.html | 41 ++++++++++++------------
 1 file changed, 20 insertions(+), 21 deletions(-)

diff --git a/skins/elastic/templates/messagepart.html b/skins/elastic/templates/messagepart.html
index 5dedc08b3..5dd0a9ef5 100644
--- a/skins/elastic/templates/messagepart.html
+++ b/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" />