Move settings level selector into sidebar instead of the settings page header

Signed-off-by: DL6ER <dl6er@dl6er.de>

scripts/pi-hole/lua/settings_header.lp

@@ -1,14 +1,4 @@
 <!-- Title -->
 <div class="page-header flex-header">
     <h1><?= PageTitle ?></h1>
-<?
-if scriptname ~= 'settings/all' then
-    -- Show the level selector, except in All Settings page
-?>
-    <div class="settings-selector">
-        Settings level: <select id="settings-level" class="form-control input-sm"></select>
-    </div>
-<?
-end
-?>
 </div>

scripts/pi-hole/lua/sidebar.lp

@@ -133,6 +133,11 @@
                         </span>
                     </a>
                     <ul class="treeview-menu">
+                        <li>
+                            <div class="settings-selector">
+                                Settings level: <select id="settings-level" class="form-control input-sm"></select>
+                            </div>
+                        </li>
                         <li class="<? if scriptname == 'settings/system' then ?> active<? end ?>">
                             <a href="<?=webhome?>settings/system">
                                 <i class="fa-fw menu-icon fa-solid fa-circle-info"></i> <span>System</span>

style/pi-hole.css

@@ -892,9 +892,8 @@ body:not(.lcars) .filter_types [class*="icheck-"] > input:first-child:checked +
 
 /* Global settings level selector container */
 .settings-selector {
-  padding: 14px 0 0;
+  padding: 2px 2px 0 16px;
   order: 2;
-  font-size: 18px;
 }
 
 /* Global settings level selector */