html: Update checkbox text and layout on index page (#215)

VerifiedJoseph · Dec 7, 2023 · b9f67cb · b9f67cb
1 parent 673be11
commit b9f67cb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/include/templates/index-page.html b/include/templates/index-page.html
@@ -25,14 +25,14 @@ <h2>Channel</h2>
 						<summary>Options</summary>
 						<div class="form-option">
 							<div class="input">
-								<label for="embed_videos_channel" class="checkbox-text">Embed videos:</label>
 								<input id="embed_videos_channel" class="checkbox" type="checkbox" name="embed_videos" value="yes">
+								<label for="embed_videos_channel" class="checkbox-text">Embed videos</label>
 							</div>
 						</div>
 						<div class="form-option">
 							<div class="input">
-								<label for="ignore_premieres_channel" class="checkbox-text">Ignore premieres:</label>
 								<input id="ignore_premieres_channel" class="checkbox" type="checkbox" name="ignore_premieres" value="yes">
+								<label for="ignore_premieres_channel" class="checkbox-text">Ignore upcoming premieres</label>
 								<span class="checkbox-note" title="Upcoming video premieres will not be show in the feed. Videos will be shown when available to watch.">[?]</span>
 							</div>
 						</div>
@@ -59,14 +59,14 @@ <h2>Playlist</h2>
 						<summary>Options</summary>
 						<div class="form-option">
 							<div class="input">
-								<label for="embed_videos_playlist" class="checkbox-text">Embed videos:</label>
 								<input id="embed_videos_playlist" class="checkbox" type="checkbox" name="embed_videos" value="yes">
+								<label for="embed_videos_playlist" class="checkbox-text">Embed videos</label>
 							</div>
 						</div>
 						<div class="form-option">
 							<div class="input">
-								<label for="ignore_premieres_playlist" class="checkbox-text">Ignore premieres:</label>
 								<input id="ignore_premieres_playlist" class="checkbox" type="checkbox" name="ignore_premieres" value="yes">
+								<label for="ignore_premieres_playlist" class="checkbox-text">Ignore upcoming premieres</label>
 								<span class="checkbox-note" title="Upcoming video premieres will not be show in the feed. Videos will be shown when available to watch.">[?]</span>
 							</div>
 						</div>
@@ -93,14 +93,14 @@ <h2>URL</h2>
 						<summary>Options</summary>
 						<div class="form-option">
 							<div class="input">
-								<label for="embed_videos_url" class="checkbox-text">Embed videos:</label>
 								<input id="embed_videos_url" class="checkbox" type="checkbox" name="embed_videos" value="yes">
+								<label for="embed_videos_url" class="checkbox-text">Embed videos</label>
 							</div>
 						</div>
 						<div class="form-option">
 							<div class="input">
-								<label for="ignore_premieres_url" class="checkbox-text">Ignore premieres:</label>
 								<input id="ignore_premieres_url" class="checkbox" type="checkbox" name="ignore_premieres" value="yes">
+								<label for="ignore_premieres_url" class="checkbox-text">Ignore upcoming premieres</label>
 								<span class="checkbox-note" title="Upcoming video premieres will not be show in the feed. Videos will be shown when available to watch.">[?]</span>
 							</div>
 						</div>

diff --git a/static/style.css b/static/style.css
@@ -229,6 +229,7 @@ button {
 
 summary {
     margin-top: 6px;
+    margin-bottom: 6px;
 }
 
 #error {
@@ -286,10 +287,8 @@ select {
 
 .checkbox-note {
     margin-top: 5px;
-    margin-left: 5px;
 }
 
-
 .videoWrapper {
     position: relative;
     padding-bottom: 56.25%; /* 16:9 */