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; +}