Improve UI organization and spacing

This commit is contained in:
TwistedUmbrellaX 2024-03-01 19:56:43 -05:00
parent de61329140
commit f670e76744

View File

@ -9,6 +9,19 @@
<div id="TemplateConfigPage" data-role="page" class="page type-interior pluginConfigurationPage" <div id="TemplateConfigPage" data-role="page" class="page type-interior pluginConfigurationPage"
data-require="emby-input,emby-button,emby-select,emby-checkbox"> data-require="emby-input,emby-button,emby-select,emby-checkbox">
<div data-role="content"> <div data-role="content">
<style>
summary {
cursor: pointer;
padding: 10px;
width: inherit;
margin: auto;
border: none;
text-align: center;
outline: none;
font-size: 1.0em;
outline: 2px solid rgba(155, 155, 155, 0.5);
}
</style>
<div class="content-primary"> <div class="content-primary">
<form id="FingerprintConfigForm"> <form id="FingerprintConfigForm">
<fieldset class="verticalSection-extrabottompadding"> <fieldset class="verticalSection-extrabottompadding">
@ -61,6 +74,7 @@
<details id="edl"> <details id="edl">
<summary>EDL file generation</summary> <summary>EDL file generation</summary>
<br />
<div class="selectContainer"> <div class="selectContainer">
<label class="selectLabel" for="EdlAction">EDL Action</label> <label class="selectLabel" for="EdlAction">EDL Action</label>
<select is="emby-select" id="EdlAction" class="emby-select-withcolor emby-select"> <select is="emby-select" id="EdlAction" class="emby-select-withcolor emby-select">
@ -115,6 +129,7 @@
<details id="intro_reqs"> <details id="intro_reqs">
<summary>Modify introduction requirements</summary> <summary>Modify introduction requirements</summary>
<br />
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel inputLabelUnfocused" for="AnalysisPercent"> <label class="inputLabel inputLabelUnfocused" for="AnalysisPercent">
Percent of audio to analyze Percent of audio to analyze
@ -179,6 +194,7 @@
<details id="silence"> <details id="silence">
<summary>Silence detection options</summary> <summary>Silence detection options</summary>
<br />
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel inputLabelUnfocused" for="SilenceDetectionMaximumNoise"> <label class="inputLabel inputLabelUnfocused" for="SilenceDetectionMaximumNoise">
Noise tolerance Noise tolerance
@ -287,6 +303,7 @@
<details> <details>
<summary>User Interface Customization</summary> <summary>User Interface Customization</summary>
<br />
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="SkipButtonIntroText"> <label class="inputLabel" for="SkipButtonIntroText">
Skip intro button text Skip intro button text
@ -325,19 +342,23 @@
</button> </button>
</div> </div>
</form> </form>
</div> <br />
<fieldset class="verticalSection-extrabottompadding">
<legend>Advanced</legend>
<details id="support"> <details id="support">
<summary>Support Bundle</summary> <summary>Support Bundle</summary>
<textarea id="supportBundle" rows="20" cols="75" readonly></textarea> <textarea id="supportBundle" rows="20" cols="75" readonly></textarea>
</details> </details>
<br />
<details id="visualizer"> <details id="visualizer">
<summary>Advanced</summary> <summary>Fingerprint Editor</summary>
<br />
<h3 style="margin:0">Select episodes to manage</h3> <h3 style="margin:0">Select episodes to manage</h3>
<br />
<select id="troubleshooterShow"></select> <select id="troubleshooterShow"></select>
<select id="troubleshooterSeason"></select> <select id="troubleshooterSeason"></select>
<br /> <br />
@ -434,7 +455,8 @@
<span id="intros"></span> <span id="intros"></span>
</span> </span>
</details> </details>
<br /> </fieldset>
</div>
</div> </div>
<script src="configurationpage?name=visualizer.js"></script> <script src="configurationpage?name=visualizer.js"></script>