webrtc: improve layout of publish page; add 'ideal' label to width, h…

…eight and framerate (#2845) (#3254)
bluenviron · Apr 17, 2024 · 7193f82 · 7193f82
1 parent 3a96811
commit 7193f82
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/internal/servers/webrtc/publish_index.html b/internal/servers/webrtc/publish_index.html
@@ -47,6 +47,10 @@
 	border: 1px solid rgb(200, 200, 200);
 	border-radius: 3px;
 	height: 40px;
+	padding: 0 10px;
+}
+select option {
+	color: black;
 }
 #message {
 	position: absolute;
@@ -103,17 +107,17 @@
 		</div>
 
 		<div class="item">
-			<label for="video-framerate">video framerate</label>
+			<label for="video-framerate">video framerate (ideal)</label>
 			<input id="video-framerate" type="text" value="30" />
 		</div>
 
 		<div class="item">
-			<label for="video-width">video width</label>
+			<label for="video-width">video width (ideal)</label>
 			<input id="video-width" type="text" value="1920" />
 		</div>
 
 		<div class="item">
-			<label for="video-height">video height</label>
+			<label for="video-height">video height (ideal)</label>
 			<input id="video-height" type="text" value="1080" />
 		</div>