Add a slight visible line between container settings and the Skip? …

…dropdown. Fixes #33
Commifreak · Sep 6, 2024 · fbf9f4d · fbf9f4d
1 parent 0126b50
commit fbf9f4d
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/src/pages/content/settings.php b/src/pages/content/settings.php
@@ -605,10 +605,20 @@ class="fa fa-clock-o title"></i>Notifications and scheduling</span>
                 $containerExcludes = implode("\r\n", $containerSetting['exclude']);
 
                 echo <<<HTML
+<style>
+.containerSettingsDt {
+    overflow: hidden;
+    white-space: nowrap
+}
+.containerSettingsDt:after {
+    opacity: 0.1;
+    content: "  _____________________________________________________________________________________________________________________________________________________________________";
+}
+</style>
 <div style="display: none" id="actualContainerSettings_{$container['Name']}">$realContainerSetting</div>
         <dl>
-        <dt><img alt="pic" src='$image' height='16' /> <i title='{$container['Image']}' class='fa fa-info-circle'></i> <abbr title='Click for advanced settings'>{$container['Name']}$plexContainerNameSuffix</abbr> <span id="containerMultiMappingIssue_{$container['Name']}" style="display: none; color: darkorange;">WARN: Multi mapping detected!</span></dt>
-        <dd><label for="{$container['Name']}_skip">Skip?</label>
+        <dt class="containerSettingsDt"><img alt="pic" src='$image' height='16' /> <i title='{$container['Image']}' class='fa fa-info-circle'></i> <abbr title='Click for advanced settings'>{$container['Name']}$plexContainerNameSuffix</abbr> <span id="containerMultiMappingIssue_{$container['Name']}" style="display: none; color: darkorange;">WARN: Multi mapping detected!</span></dt>
+        <dd><label for="{$container['Name']}_skip">&nbsp;&nbsp;Skip?</label>
         <select name="containerSettings[{$container['Name']}][skip]" id="{$container['Name']}_skip" data-setting="{$containerSetting['skip']}">
             <option value="no">No</option>
             <option value="yes">Yes</option>