Fixed buttons

diff --git a/frontend/aliases.html b/frontend/aliases.html
index 82c377f2883c7170e9d6f68c0bc28ea3f64d8c1e..75f3355100ed78d17c1fc2eb1659df46f278af2a 100644 (file)
--- a/frontend/aliases.html
+++ b/frontend/aliases.html
@@ -47,8 +47,8 @@
                 <!-- Menu -->
                 <div class="collapse navbar-collapse" id="menuNav">
                     <div class="navbar-nav ms-auto gap-2">
-                        <a href="/hosts"   id="hostsBtn"   class="btn btn-primary active" aria-current="page">Hostname</a>
-                        <a href="/aliases" id="aliasesBtn" class="btn btn-primary"        aria-current="page">Alias</a>
+                        <a href="/hosts"   id="hostsBtn"   class="btn btn-primary"        aria-current="page">Hostname</a>
+                        <a href="/aliases" id="aliasesBtn" class="btn btn-primary active" aria-current="page">Alias</a>
                         <button id="logoutBtn" class="btn btn-primary">Logout</button>
                     </div>
                 </div>

diff --git a/frontend/css/layout.css b/frontend/css/layout.css
index 381ad66128624db511929c9d64154dd30cbaf0ca..b3458734428d3a00d0fddac9072098d69120d27e 100644 (file)
--- a/frontend/css/layout.css
+++ b/frontend/css/layout.css
@@ -162,6 +162,14 @@ body {
     filter: brightness(0.96);
 }
 
+.btn-primary.active,
+.btn-primary:active {
+    background-color: var(--accent-hover);
+    border-color: var(--accent-hover);
+    box-shadow: inset 0 2px 2px rgba(0,0,0,0.15);
+    filter: brightness(0.9);
+}
+
 .btn-outline-primary {
     color: var(--accent);
     border-color: var(--accent);