Update html layout/styling.

Garrett-Bodley · Mar 31, 2024 · 70e0041 · 70e0041
1 parent 11baadd
commit 70e0041
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -33,11 +33,14 @@ <h1>SHAlala</h1>
       <h2>Makes music out of SHA1</h2>
 
       <form id="form">
-        <input id="form-input" type="text" placeholder="enter text here" /><br/>
-        <label for="file-input" style="padding-top: 5px; display: block">Upload a file (Does not get sent to a server):</label>
-        <input id="fileInput" type="file" style="padding-top: 5px; display: block"/>
-        <button style="margin-top: 10px">make jingle</button>
-
+        <div>
+          <label for="form-input">Text Input:</label>
+          <input id="form-input" type="text" placeholder="enter text here" /><br/>
+        </div>
+        <div>
+          <label for="file-input" style="padding-top: 5px">Upload a file (Does not get sent to a server):</label>
+          <input id="fileInput" type="file" style="padding-top: 5px"/>
+        </div>
         <div style="margin-top:10px;">
           tempo:<br/>
           <input id="range-input" value="200" type="range" min="60" max="240" />
@@ -64,6 +67,7 @@ <h2>Makes music out of SHA1</h2>
             <option value="majorpenta">Major Pentatonic</option>
           </select>
         </div>
+        <button style="margin-top: 10px">make jingle</button>
         <div id="sha"></div>
         <script src="https://unpkg.com/tone@14.8.49/build/Tone.js"></script>
         <script type="module" src="/index.js"></script>