From 89d3fe79ec42affcb924af308dbab10168f7c735 Mon Sep 17 00:00:00 2001
From: TwistedUmbrellaX <1173913+AbandonedCart@users.noreply.github.com>
Date: Sun, 24 Nov 2024 09:28:57 -0500
Subject: [PATCH] A more consistent layout (almost) (#392)

* A more consistent layout (almost)

* Begin working "Outro" into the verbiage

* Catch a straggler
---
 IntroSkipper/Configuration/configPage.html | 76 +++++++++++-----------
 1 file changed, 38 insertions(+), 38 deletions(-)

diff --git a/IntroSkipper/Configuration/configPage.html b/IntroSkipper/Configuration/configPage.html
index 0956efc..d8124a3 100644
--- a/IntroSkipper/Configuration/configPage.html
+++ b/IntroSkipper/Configuration/configPage.html
@@ -461,6 +461,14 @@
                                     <br />
 
                                     <div id="analyzerActionsContainer">
+                                        <label for="actionRecap" style="margin-right: 1.5em; display: inline-block">
+                                            <span>Recap analysis</span>
+                                            <select is="emby-select" id="actionRecap" class="emby-select-withcolor emby-select">
+                                                <option value="Default">Default</option>
+                                                <option value="Chapter">Chapter</option>
+                                                <option value="None">None</option>
+                                            </select>
+                                        </label>
                                         <label for="actionIntro" style="margin-right: 1.5em; display: inline-block">
                                             <span>Introduction analysis</span>
                                             <select is="emby-select" id="actionIntro" class="emby-select-withcolor emby-select">
@@ -471,7 +479,7 @@
                                             </select>
                                         </label>
                                         <label for="actionCredits" style="margin-right: 1.5em; display: inline-block">
-                                            <span>Credits analysis</span>
+                                            <span>Credits (Outro) analysis</span>
                                             <select is="emby-select" id="actionCredits" class="emby-select-withcolor emby-select">
                                                 <option value="Default">Default</option>
                                                 <option value="Chapter">Chapter</option>
@@ -480,14 +488,6 @@
                                                 <option value="None">None</option>
                                             </select>
                                         </label>
-                                        <label for="actionRecap" style="margin-right: 1.5em; display: inline-block">
-                                            <span>Recap analysis</span>
-                                            <select is="emby-select" id="actionRecap" class="emby-select-withcolor emby-select">
-                                                <option value="Default">Default</option>
-                                                <option value="Chapter">Chapter</option>
-                                                <option value="None">None</option>
-                                            </select>
-                                        </label>
                                         <label for="actionPreview" style="margin-right: 1.5em; display: inline-block">
                                             <span>Preview analysis</span>
                                             <select is="emby-select" id="actionPreview" class="emby-select-withcolor emby-select">
@@ -516,6 +516,18 @@
                                     <br />
                                     <h4 style="margin: 0" id="editLeftEpisodeTitle"></h4>
                                     <br />
+                                    <div class="inlineForm">
+                                        <div class="inputContainer">
+                                            <label class="inputLabel inputLabelUnfocused" for="recapStart">Recap Start</label>
+                                            <input type="text" id="editLeftRecapEpisodeStartDisplay" class="emby-input custom-time-input" readonly />
+                                            <input type="number" id="editLeftRecapEpisodeStartEdit" class="emby-input custom-time-input" style="display: none" step="any" min="0" />
+                                        </div>
+                                        <div class="inputContainer">
+                                            <label class="inputLabel inputLabelUnfocused" for="recapEnd">Recap End</label>
+                                            <input type="text" id="editLeftRecapEpisodeEndDisplay" class="emby-input custom-time-input" readonly />
+                                            <input type="number" id="editLeftRecapEpisodeEndEdit" class="emby-input custom-time-input" style="display: none" step="any" min="0" />
+                                        </div>
+                                    </div>
                                     <div class="inlineForm">
                                         <div class="inputContainer">
                                             <label class="inputLabel inputLabelUnfocused" for="introStart">Intro Start</label>
@@ -530,28 +542,16 @@
                                     </div>
                                     <div class="inlineForm">
                                         <div class="inputContainer">
-                                            <label class="inputLabel inputLabelUnfocused" for="creditsStart">Credits Start</label>
+                                            <label class="inputLabel inputLabelUnfocused" for="creditsStart">Credits (Outro) Start</label>
                                             <input type="text" id="editLeftCreditEpisodeStartDisplay" class="emby-input custom-time-input" readonly />
                                             <input type="number" id="editLeftCreditEpisodeStartEdit" class="emby-input custom-time-input" style="display: none" step="any" min="0" />
                                         </div>
                                         <div class="inputContainer">
-                                            <label class="inputLabel inputLabelUnfocused" for="creditsEnd">Credits End</label>
+                                            <label class="inputLabel inputLabelUnfocused" for="creditsEnd">Credits (Outro) End</label>
                                             <input type="text" id="editLeftCreditEpisodeEndDisplay" class="emby-input custom-time-input" readonly />
                                             <input type="number" id="editLeftCreditEpisodeEndEdit" class="emby-input custom-time-input" style="display: none" step="any" min="0" />
                                         </div>
                                     </div>
-                                    <div class="inlineForm">
-                                        <div class="inputContainer">
-                                            <label class="inputLabel inputLabelUnfocused" for="recapStart">Recap Start</label>
-                                            <input type="text" id="editLeftRecapEpisodeStartDisplay" class="emby-input custom-time-input" readonly />
-                                            <input type="number" id="editLeftRecapEpisodeStartEdit" class="emby-input custom-time-input" style="display: none" step="any" min="0" />
-                                        </div>
-                                        <div class="inputContainer">
-                                            <label class="inputLabel inputLabelUnfocused" for="recapEnd">Recap End</label>
-                                            <input type="text" id="editLeftRecapEpisodeEndDisplay" class="emby-input custom-time-input" readonly />
-                                            <input type="number" id="editLeftRecapEpisodeEndEdit" class="emby-input custom-time-input" style="display: none" step="any" min="0" />
-                                        </div>
-                                    </div>
                                     <div class="inlineForm">
                                         <div class="inputContainer">
                                             <label class="inputLabel inputLabelUnfocused" for="previewStart">Preview Start</label>
@@ -568,6 +568,18 @@
                                     <div id="rightEpisodeEditor">
                                         <h4 style="margin: 0" id="editRightEpisodeTitle"></h4>
                                         <br />
+                                        <div class="inlineForm">
+                                            <div class="inputContainer">
+                                                <label class="inputLabel inputLabelUnfocused" for="recapStart">Recap Start</label>
+                                                <input type="text" id="editRightRecapEpisodeStartDisplay" class="emby-input custom-time-input" readonly />
+                                                <input type="number" id="editRightRecapEpisodeStartEdit" class="emby-input custom-time-input" style="display: none" step="any" min="0" />
+                                            </div>
+                                            <div class="inputContainer">
+                                                <label class="inputLabel inputLabelUnfocused" for="recapEnd">Recap End</label>
+                                                <input type="text" id="editRightRecapEpisodeEndDisplay" class="emby-input custom-time-input" readonly />
+                                                <input type="number" id="editRightRecapEpisodeEndEdit" class="emby-input custom-time-input" style="display: none" step="any" min="0" />
+                                            </div>
+                                        </div>
                                         <div class="inlineForm">
                                             <div class="inputContainer">
                                                 <label class="inputLabel inputLabelUnfocused" for="introStart">Intro Start</label>
@@ -582,28 +594,16 @@
                                         </div>
                                         <div class="inlineForm">
                                             <div class="inputContainer">
-                                                <label class="inputLabel inputLabelUnfocused" for="creditsStart">Credits Start</label>
+                                                <label class="inputLabel inputLabelUnfocused" for="creditsStart">Credits (Outro) Start</label>
                                                 <input type="text" id="editRightCreditEpisodeStartDisplay" class="emby-input custom-time-input" readonly />
                                                 <input type="number" id="editRightCreditEpisodeStartEdit" class="emby-input custom-time-input" style="display: none" step="any" min="0" />
                                             </div>
                                             <div class="inputContainer">
-                                                <label class="inputLabel inputLabelUnfocused" for="creditsEnd">Credits End</label>
+                                                <label class="inputLabel inputLabelUnfocused" for="creditsEnd">Credits (Outro) End</label>
                                                 <input type="text" id="editRightCreditEpisodeEndDisplay" class="emby-input custom-time-input" readonly />
                                                 <input type="number" id="editRightCreditEpisodeEndEdit" class="emby-input custom-time-input" style="display: none" step="any" min="0" />
                                             </div>
                                         </div>
-                                        <div class="inlineForm">
-                                            <div class="inputContainer">
-                                                <label class="inputLabel inputLabelUnfocused" for="recapStart">Recap Start</label>
-                                                <input type="text" id="editRightRecapEpisodeStartDisplay" class="emby-input custom-time-input" readonly />
-                                                <input type="number" id="editRightRecapEpisodeStartEdit" class="emby-input custom-time-input" style="display: none" step="any" min="0" />
-                                            </div>
-                                            <div class="inputContainer">
-                                                <label class="inputLabel inputLabelUnfocused" for="recapEnd">Recap End</label>
-                                                <input type="text" id="editRightRecapEpisodeEndDisplay" class="emby-input custom-time-input" readonly />
-                                                <input type="number" id="editRightRecapEpisodeEndEdit" class="emby-input custom-time-input" style="display: none" step="any" min="0" />
-                                            </div>
-                                        </div>
                                         <div class="inlineForm">
                                             <div class="inputContainer">
                                                 <label class="inputLabel inputLabelUnfocused" for="previewStart">Preview Start</label>
@@ -705,7 +705,7 @@
                                         <button is="emby-button" class="button-submit emby-button" id="btnEraseRecapTimestamps">Erase all recap timestamps (globally)</button>
                                         <br />
 
-                                        <button is="emby-button" class="button-submit emby-button" id="btnEraseCreditTimestamps">Erase all end credits timestamps (globally)</button>
+                                        <button is="emby-button" class="button-submit emby-button" id="btnEraseCreditTimestamps">Erase all credits (outro) timestamps (globally)</button>
                                         <br />
 
                                         <button is="emby-button" class="button-submit emby-button" id="btnErasePreviewTimestamps">Erase all preview timestamps (globally)</button>