[#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
dreamwidth · Oct 1, 2014 · 2410ba1 · 2410ba1
1 parent 161da4b
commit 2410ba1
Showing 1 changed file with 14 additions and 14 deletions.
diff --git 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 %]