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"
data-require="emby-input,emby-button,emby-select,emby-checkbox">
<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">
<form id="FingerprintConfigForm">
<fieldset class="verticalSection-extrabottompadding">
@ -61,6 +74,7 @@
<details id="edl">
<summary>EDL file generation</summary>
<br />
<div class="selectContainer">
<label class="selectLabel" for="EdlAction">EDL Action</label>
<select is="emby-select" id="EdlAction" class="emby-select-withcolor emby-select">
@ -115,6 +129,7 @@
<details id="intro_reqs">
<summary>Modify introduction requirements</summary>
<br />
<div class="inputContainer">
<label class="inputLabel inputLabelUnfocused" for="AnalysisPercent">
Percent of audio to analyze
@ -179,6 +194,7 @@
<details id="silence">
<summary>Silence detection options</summary>
<br />
<div class="inputContainer">
<label class="inputLabel inputLabelUnfocused" for="SilenceDetectionMaximumNoise">
Noise tolerance
@ -287,6 +303,7 @@
<details>
<summary>User Interface Customization</summary>
<br />
<div class="inputContainer">
<label class="inputLabel" for="SkipButtonIntroText">
Skip intro button text
@ -325,19 +342,23 @@
</button>
</div>
</form>
</div>
<br />
<fieldset class="verticalSection-extrabottompadding">
<legend>Advanced</legend>
<details id="support">
<summary>Support Bundle</summary>
<textarea id="supportBundle" rows="20" cols="75" readonly></textarea>
</details>
<br />
<details id="visualizer">
<summary>Advanced</summary>
<summary>Fingerprint Editor</summary>
<br />
<h3 style="margin:0">Select episodes to manage</h3>
<br />
<select id="troubleshooterShow"></select>
<select id="troubleshooterSeason"></select>
<br />
@ -434,7 +455,8 @@
<span id="intros"></span>
</span>
</details>
<br />
</fieldset>
</div>
</div>
<script src="configurationpage?name=visualizer.js"></script>