Merge pull request #95 from CooperHash/html-style

update: style index.html
binbat · Mar 7, 2024 · 6de517a · 6de517a
2 parents 2850d64 + 9da3b54
commit 6de517a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/.github/CLA.md b/.github/CLA.md
@@ -48,3 +48,4 @@ Example:
 - Wen Yang, @fastfeee, 2023/10/10
 - Hongcha Zhang, @hongcha98, 2023/10/10
 - Yuanyuan Zhou, @dfasdfasddf, 2023/11/01
+- Cooper Hzk, @CooperHash, 2024/03/07
diff --git a/assets/index.html b/assets/index.html
@@ -32,11 +32,14 @@
         <center>
         <section>
             <button id="whip-device-button" onclick="refreshDevice()">Use Device</button>
-            <br/>Audio Device: <select id="whip-audio-device"><option value="">none</option></select>
+            <div style="margin-top: 20px;">
+                Audio Device:
+                <select id="whip-audio-device"><option value="">none</option></select>
+            </div>
             <br/>Video Device: <select id="whip-video-device"><option value="">none</option></select>
         </section>
 
-        <section>
+        <section style="margin-top: 20px;">
             Audio Codec: <select id="whip-audio-codec">
             <option value="" selected>default</option>
             <option value="opus/48000">OPUS</option>
@@ -53,11 +56,11 @@
         <section>
             <video-size-select id="whip-video-size"></video-size-select>
         </section>
-        <section>SVC Layer: <select id="whip-layer-select"></select></section>
-        <section>
+        <section style="margin-top: 20px;">SVC Layer: <select id="whip-layer-select"></select></section>
+        <section style="margin-top: 20px;">
             <input type="checkbox" id="whip-pseudo-audio"/>Pseudo Audio Track
         </section>
-        <section>
+        <section style="margin-top: 20px;">
             <button onclick="startWhip()">Start</button>
             <button id="whip-button-stop">Stop</button>
         </section>
@@ -78,11 +81,11 @@ <h3>WHIP Video:</h3>
         <legend>WHEP</legend>
         <center>
         <section>SVC Layer: <select disabled id="whep-layer-select"></select></section>
-        <section>
+        <section style="margin-top: 20px;">
             <button id="whep-button-disable-audio">Disable Audio</button>
             <button id="whep-button-disable-video">Disable Video</button>
         </section>
-        <section>
+        <section style="margin-top: 20px;">
             <button onclick="startWhep()">Start</button>
             <button id="whep-button-stop">Stop</button>
         </section>