From 2ad9b8af77095e798874b47e44d8ba9d1a42f9bf Mon Sep 17 00:00:00 2001
From: RD WebDesign <github@rdwebdesign.com.br>
Date: Thu, 16 Mar 2023 19:19:40 -0300
Subject: [PATCH] Fix the global settings level selector style

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
---
 scripts/pi-hole/php/header_authenticated.php | 2 +-
 style/pi-hole.css                            | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/scripts/pi-hole/php/header_authenticated.php b/scripts/pi-hole/php/header_authenticated.php
index 4bc32dda..989747db 100644
--- a/scripts/pi-hole/php/header_authenticated.php
+++ b/scripts/pi-hole/php/header_authenticated.php
@@ -65,7 +65,7 @@ function startsWith($string, $startString)
                 <?php if (startsWith($scriptname, 'settings-')) { ?>
                     <li class="nav-item">
                         <p class="navbar-text">
-                            Settings level: <select id="settings-level">
+                            Settings level: <select id="settings-level" class="form-control input-sm">
                                 <option value="0">Basic</option>
                                 <option value="1">Advanced</option>
                                 <option value="2">Expert</option>
diff --git a/style/pi-hole.css b/style/pi-hole.css
index 82b6614b..7acaa1d8 100644
--- a/style/pi-hole.css
+++ b/style/pi-hole.css
@@ -869,6 +869,14 @@ body:not(.lcars) .filter_types [class*="icheck-"] > input:first-child:checked +
   }
 }
 
+/* Global settings level selector */
+#settings-level {
+  display: inline-block;
+  width: auto;
+  height: 2.2em;
+  border-radius: 4px;
+}
+
 .navbar-nav {
   height: 50px;
 }