FLUID-4274: Fixed styling for Demo Settings controls.

fluid-project · Jun 2, 2011 · a97209f · a97209f
1 parent d6bb966
commit a97209f
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 14 deletions.
diff --git a/css/image-gallery.css b/css/image-gallery.css
@@ -37,6 +37,16 @@
 /* no styles yet */
 }
 
+.igStyle-fileTypes {
+    display:block;
+    margin-left:20px;
+}
+
+.ig-settings-field {
+    margin-bottom:10px;
+    margin-left:1em;
+}
+
 #fileTypes{
     margin-left: 20px;
 }
diff --git a/image-gallery.php b/image-gallery.php
@@ -83,21 +83,27 @@
 
             <div class="ig-settings fl-hidden">
                 <h2>Demo settings</h2>
-                <label for="fileSizeLimit">File size limit:</label>
-                <select id="fileSizeLimit">
-                </select> MB<br />
-
-                <label for="fileUploadLimit">Upload queue limit:</label>
-                <select id="fileUploadLimit">
-                </select><br />
-
+                <div class="ig-settings-field">
+                    <label for="fileSizeLimit">File size limit:</label>
+                    <select id="fileSizeLimit">
+                    </select> MB
+                </div>
+
+                <div class="ig-settings-field">
+                    <label for="fileUploadLimit">Upload queue limit:</label>
+                    <select id="fileUploadLimit">
+                    </select>
+                </div>
+
+                <div class="ig-settings-field">
                 <span>Allowed image types:</span>
-                <fieldset>
-                    <span class="fileTypes-row">
-                        <input class="fileTypes-choice" id="fileTypes-choice" type="checkbox" />
-                        <label class="fileTypes-label" for="fileTypes-choice">choice</label>
-                    </span>
-                </fieldset>
+                        <fieldset>
+                            <span class="igStyle-fileTypes fileTypes-row">
+                                <input class="fileTypes-choice" id="fileTypes-choice" type="checkbox" />
+                                <label class="fileTypes-label" for="fileTypes-choice">choice</label>
+                            </span>
+                        </fieldset>
+                </div>
             </div>
 
             <div>