From 9732b30aa5bff3e03a70fca1b56e1272cb7caedf Mon Sep 17 00:00:00 2001
From: Kibi Kelburton <git@f0ck.it>
Date: Tue, 26 May 2026 19:56:22 +0200
Subject: [PATCH] change mode display

---
 public/s/css/f0ckm.css     | 3 ++-
 views/snippets/navbar.html | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/s/css/f0ckm.css b/public/s/css/f0ckm.css
index 6a857e8..d8ff3b1 100644
--- a/public/s/css/f0ckm.css
+++ b/public/s/css/f0ckm.css
@@ -14605,7 +14605,8 @@ body.scroller-active #gchat-reopen-bubble {
 /* Filter badge style on navbar */
 .filter-badge {
   position: absolute;
-  bottom: -14px;
+  bottom: -20px;
+  right: 0;
   font-size: 9px;
   font-weight: 800;
   padding: 2px 4px;
diff --git a/views/snippets/navbar.html b/views/snippets/navbar.html
index e2bb409..44204dc 100644
--- a/views/snippets/navbar.html
+++ b/views/snippets/navbar.html
@@ -121,7 +121,7 @@
       <a href="/settings" title="Settings" class="desktop-only"><i class="fa-solid fa-gear"></i></a>
 
       <!-- Filter -->
-      <a href="#" id="nav-filter-btn" title="Filter" style="position: relative; display: inline-flex; align-items: center; justify-content: center;">
+      <a href="#" id="nav-filter-btn" title="Filter" style="position: relative; display: inline-flex; align-items: center; justify-content: center; z-index: 1000;">
         <i class="fa-solid fa-filter"></i>
         @if(session.mode == 0)
         <span id="nav-filter-badge" class="filter-badge filter-badge-sfw">SFW</span>