Format the form in a more logical order

RedditDownloader · Aug 7, 2017 · de6cf25 · de6cf25
1 parent 8cdfae6
commit de6cf25
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 21 deletions.
diff --git a/index.html b/index.html
@@ -32,29 +32,30 @@ <h5>This webpage downloads images and gifs from <a href="https://www.reddit.com/
                     <input id="targetNameInput" type="text">
                 </div>
                 <div class="field">
-                    <label for="imageAmountInput">Download Amount</label>
-                    <input id="imageAmountInput" type="number" step="5" min="5" value="20">
+                    <label for="sectionInput">Section</label>
+                    <select class="ui search dropdown" id="sectionInput">
+                        <option value="hot">Hot</option>
+                        <option value="new">New</option>
+                        <option value="top">Top</option>
+                        <option value="rising">Rising</option>
+                        <option value="controversial">Controversial</option>
+                    </select>
                 </div>
             </div>
 
-            <div class="field">
-                <label for="sectionInput">Section</label>
-                <select class="ui search dropdown" id="sectionInput">
-                    <option value="hot">Hot</option>
-                    <option value="new">New</option>
-                    <option value="top">Top</option>
-                    <option value="rising">Rising</option>
-                    <option value="controversial">Controversial</option>
-                </select>
-            </div>
-
-            <div class="field">
-                <label for="nameFormatInput">Name Downloads By</label>
-                <select class="ui search dropdown" id="nameFormatInput">
-                    <option value="post-title">Post Title</option>
-                    <option value="post-id">Post ID</option>
-                    <option value="file-name">Downloaded File Name</option>
-                </select>
+            <div class="two fields">
+                <div class="field">
+                    <label for="nameFormatInput">Name Downloads By</label>
+                    <select class="ui search dropdown" id="nameFormatInput">
+                        <option value="post-title">Post Title</option>
+                        <option value="post-id">Post ID</option>
+                        <option value="file-name">Downloaded File Name</option>
+                    </select>
+                </div>
+                <div class="field">
+                    <label for="imageAmountInput">Download Amount</label>
+                    <input id="imageAmountInput" type="number" step="5" min="5" value="20">
+                </div>
             </div>
 
             <div class="ui segment">

diff --git a/js/index.js b/js/index.js
@@ -65,7 +65,7 @@ $(document).ready(function() {
             if (this.checked) {
                 $("label[for=targetNameInput]").text("User Name");
                 $("#sectionInput").parent().addClass("disabled");
-                $("#targetNameInput").removeAttr("placeholder");
+                $("#targetNameInput").attr("placeholder", "uniquepassive");
             } else {
                 $("label[for=targetNameInput]").text("Subreddit Name");
                 $("#sectionInput").parent().removeClass("disabled");