diff --git a/scripts/pi-hole/lua/header_authenticated.lp b/scripts/pi-hole/lua/header_authenticated.lp
index 4e4225ee..a85d957f 100644
--- a/scripts/pi-hole/lua/header_authenticated.lp
+++ b/scripts/pi-hole/lua/header_authenticated.lp
@@ -50,16 +50,6 @@ mg.include('header.lp','r')
-
diff --git a/settings-dns.lp b/settings-dns.lp
index 697b5e9b..4f756ca8 100644
--- a/settings-dns.lp
+++ b/settings-dns.lp
@@ -8,6 +8,10 @@
--]]
mg.include('scripts/pi-hole/lua/header_authenticated.lp','r')
+
+-- Page title and level selector
+PageTitle = "DNS Settings"
+mg.include('scripts/pi-hole/lua/settings_header.lp','r')
?>
@@ -231,7 +235,7 @@ mg.include('scripts/pi-hole/lua/header_authenticated.lp','r')
-
diff --git a/settings-dnsrecords.lp b/settings-dnsrecords.lp
index e89d6992..993883e7 100644
--- a/settings-dnsrecords.lp
+++ b/settings-dnsrecords.lp
@@ -8,6 +8,10 @@
--]]
mg.include('scripts/pi-hole/lua/header_authenticated.lp','r')
+
+-- Page title and level selector
+PageTitle = "Local DNS Settings"
+mg.include('scripts/pi-hole/lua/settings_header.lp','r')
?>
diff --git a/settings-privacy.lp b/settings-privacy.lp
index 42643d17..ec7ecb9a 100644
--- a/settings-privacy.lp
+++ b/settings-privacy.lp
@@ -8,6 +8,10 @@
--]]
mg.include('scripts/pi-hole/lua/header_authenticated.lp','r')
+
+-- Page title and level selector
+PageTitle = "Privacy Settings"
+mg.include('scripts/pi-hole/lua/settings_header.lp','r')
?>
@@ -98,7 +102,7 @@ mg.include('scripts/pi-hole/lua/header_authenticated.lp','r')
-
diff --git a/settings-system.lp b/settings-system.lp
index a474758b..68b8b63b 100644
--- a/settings-system.lp
+++ b/settings-system.lp
@@ -8,6 +8,10 @@
--]]
mg.include('scripts/pi-hole/lua/header_authenticated.lp','r')
+
+-- Page title and level selector
+PageTitle = "System Settings"
+mg.include('scripts/pi-hole/lua/settings_header.lp','r')
?>
diff --git a/settings-teleporter.lp b/settings-teleporter.lp
index 059a396f..761f54cd 100644
--- a/settings-teleporter.lp
+++ b/settings-teleporter.lp
@@ -8,6 +8,10 @@
--]]
mg.include('scripts/pi-hole/lua/header_authenticated.lp','r')
+
+-- Page title and level selector
+PageTitle = "Teleporter"
+mg.include('scripts/pi-hole/lua/settings_header.lp','r')
?>
diff --git a/style/pi-hole.css b/style/pi-hole.css
index afdeb207..71765cb2 100644
--- a/style/pi-hole.css
+++ b/style/pi-hole.css
@@ -877,12 +877,31 @@ body:not(.lcars) .filter_types [class*="icheck-"] > input:first-child:checked +
}
}
+/* Page title container (flex) */
+.flex-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ flex-wrap: wrap-reverse;
+}
+
+.flex-header h1 {
+ margin: 10px 30px 10px 0;
+ flex: 1 0 auto;
+}
+
+/* Global settings level selector container */
+.settings-selector {
+ padding: 14px 0 0;
+ order: 2;
+ font-size: 18px;
+}
+
/* Global settings level selector */
#settings-level {
display: inline-block;
width: auto;
- height: 2.2em;
- border-radius: 4px;
+ min-width: 90px;
}
.navbar-nav {
diff --git a/style/themes/default-light.css b/style/themes/default-light.css
index d16562dd..64f93fa6 100644
--- a/style/themes/default-light.css
+++ b/style/themes/default-light.css
@@ -304,3 +304,7 @@ select:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
transition: background-color 1s ease-in-out 0s;
}
+
+.page-header {
+ border-color: #ddd;
+}