Clean up Icon Upload for collections (bug 592581)

jbalogh · Sep 2, 2010 · 6514fd9 · 6514fd9
1 parent aa8edee
commit 6514fd9
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 9 deletions.
diff --git a/apps/bandwagon/templates/bandwagon/includes/addedit.html b/apps/bandwagon/templates/bandwagon/includes/addedit.html
@@ -24,18 +24,21 @@ <h3>{{ _('Collection Description') }}</h3>
   </p>
   <label>{{ form.listed.label }}</label>
   {{ form.listed|safe }}
-  <p>
+
+  <br />
+  <label>{{ form.icon.label|safe }}</label> {{ _('(optional)') }}
+
+
+  <div id="icon_upload">
     {% if collection %}
-    <img src="{{ collection.icon_url }}">
+      <img src="{{ collection.icon_url }}" class="icon_preview" />
     {% endif %}
-
     {{ form.errors['icon']|safe }}
-    {{ form.icon.label|safe }} {{ _('(optional)') }}
     {{ form.icon|safe }}
-  </p>
-  <p>
-  {{ _('PNG and JPG supported.  Image will be resized to 32x32.') }}
-  </p>
-</fieldset>
+    <p class="note">
+    {{ _('PNG and JPG supported.  Image will be resized to 32x32.') }}
+    </p>
+  </div>
+  </fieldset>
 
 
diff --git a/media/css/zamboni/zamboni.css b/media/css/zamboni/zamboni.css
@@ -2527,6 +2527,19 @@ label > .optional {
     width: 100%;
 }
 
+#icon_upload {
+  overflow:auto;
+  padding-top:5px;
+}
+
+#icon_upload .icon_preview  {
+  -moz-border-radius:5px 5px 5px 5px;
+  border:1px solid #C1E0EA;
+  float:left;
+  margin-right:10px;
+  padding:8px;
+}
+
 #ajax_collections_list {
     margin: 0 0 .5em 0;
 }