From 2410ba18032fb988208587ac8c98e6d091de33ef Mon Sep 17 00:00:00 2001
From: Afuna <fu@dreamwidth.org>
Date: Wed, 1 Oct 2014 21:50:47 +0800
Subject: [PATCH] [#665] Move the icon preview above the select

Looks better. Disadvantage/edge case: the random button changes position
as you tap it if you have icons with different sizes
---
 views/entry/module-icons.tt | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/views/entry/module-icons.tt b/views/entry/module-icons.tt
index 1e9d5a922c..c3b24bcbcb 100644
--- a/views/entry/module-icons.tt
+++ b/views/entry/module-icons.tt
@@ -17,6 +17,20 @@ the same terms as Perl itself.  For a copy of the license, please reference
 <h3>[% ".header" | ml %]</h3>
 <div class='inner'>
 
+    <div class="row">
+    <div class="columns">
+        <div id="js-icon-preview" class="icon [% IF icons.size==0 %] no-icon border [% END %]">
+        [% IF icons.size > 0 %]
+            [% IF defaulticon %]
+                <img id="js-icon-preview-image" src="[% defaulticon.url | url %]" alt="[% defaulticon.description | html %]" data-no-ctx="true" />
+            [% END %]
+        [% ELSE %]
+            <a href='[% site.root %]/editicons'>[% 'entryform.userpic.upload' | ml %]</a>
+        [% END %]
+        </div>
+    </div>
+    </div>
+
     [%- IF icons.size > 0 -%]
 
     [%- INCLUDE "components/icon-browser.tt" -%]
@@ -42,20 +56,6 @@ the same terms as Perl itself.  For a copy of the license, please reference
     </div></div>
     [% END %]
 
-    <div class="row">
-    <div class="columns">
-        <div id="js-icon-preview" class="icon [% IF icons.size==0 %] no-icon border [% END %]">
-        [% IF icons.size > 0 %]
-            [% IF defaulticon %]
-                <img id="js-icon-preview-image" src="[% defaulticon.url | url %]" alt="[% defaulticon.description | html %]" data-no-ctx="true" />
-            [% END %]
-        [% ELSE %]
-            <a href='[% site.root %]/editicons'>[% 'entryform.userpic.upload' | ml %]</a>
-        [% END %]
-        </div>
-    </div>
-    </div>
-
 </div>
 </fieldset>
 [% END %]