From ba7bb880c41f741ba388248d4196fcd0fd2dd7a8 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Sat, 15 Nov 2025 13:37:14 +0100
Subject: [PATCH] style: Update badge positioning and size in navbar and adjust
 SCSS variables for consistency

---
 core/scss/_variables.scss                             |  2 +-
 core/scss/layout/_navbar.scss                         |  4 ++--
 shared/includes/layout/navbar-side-apps.html          |  8 +++-----
 shared/includes/layout/navbar-side-language.html      | 10 ++++------
 shared/includes/layout/navbar-side-notifications.html | 10 ++++------
 5 files changed, 14 insertions(+), 20 deletions(-)

diff --git a/core/scss/_variables.scss b/core/scss/_variables.scss
index ed7cd596b..fd0480e60 100644
--- a/core/scss/_variables.scss
+++ b/core/scss/_variables.scss
@@ -589,7 +589,7 @@ $badge-line-height: $code-line-height !default;
 $badge-font-weight: var(--#{$prefix}font-weight-medium) !default;
 $badge-padding-y: 0.25em !default;
 $badge-padding-x: 0.5em !default;
-$badge-empty-size: 10px !default;
+$badge-empty-size: .5rem !default;
 $badge-color: var(--#{$prefix}secondary) !default;
 $badge-bg-color: var(--#{$prefix}bg-surface-secondary) !default;
 
diff --git a/core/scss/layout/_navbar.scss b/core/scss/layout/_navbar.scss
index e4a02e33d..3cf087185 100644
--- a/core/scss/layout/_navbar.scss
+++ b/core/scss/layout/_navbar.scss
@@ -117,8 +117,8 @@ Navbar
 
       .badge {
         position: absolute;
-        top: 0.375rem;
-        right: 0.375rem;
+        top: .5rem;
+        right: .5rem;
         transform: translate(50%, -50%);
       }
     }
diff --git a/shared/includes/layout/navbar-side-apps.html b/shared/includes/layout/navbar-side-apps.html
index 1f7b2c815..8b50309d8 100644
--- a/shared/includes/layout/navbar-side-apps.html
+++ b/shared/includes/layout/navbar-side-apps.html
@@ -1,10 +1,8 @@
 <!-- BEGIN APPS -->
 <div class="nav-item dropdown d-none d-md-flex">
-	<span data-bs-toggle="tooltip" title="Apps" data-bs-placement="bottom">
-		<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show app menu" data-bs-auto-close="outside" aria-expanded="false">
-			{% include "ui/icon.html" icon="apps" %}
-		</a>
-	</span>
+	<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show app menu" data-bs-auto-close="outside" aria-expanded="false">
+		{% include "ui/icon.html" icon="apps" %}
+	</a>
 	<!-- BEGIN NAVBAR APPS -->
 	<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
 		{% include "cards/navbar-apps.html" %}
diff --git a/shared/includes/layout/navbar-side-language.html b/shared/includes/layout/navbar-side-language.html
index a056c0758..f25999b1a 100644
--- a/shared/includes/layout/navbar-side-language.html
+++ b/shared/includes/layout/navbar-side-language.html
@@ -1,11 +1,9 @@
 <!-- BEGIN LANGUAGE SELECTOR -->
 <div class="nav-item dropdown d-none d-md-flex">
-	<span data-bs-toggle="tooltip" title="Select language" data-bs-placement="bottom">
-		<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Select language"
-			data-bs-auto-close="outside" aria-expanded="false">
-			EN
-		</a>
-	</span>
+	<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Select language"
+		data-bs-auto-close="outside" aria-expanded="false">
+		EN
+	</a>
 	<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end">
 		{% for language in languages %}
 		<a class="dropdown-item" href="#" data-lang="{{ language.code }}">
diff --git a/shared/includes/layout/navbar-side-notifications.html b/shared/includes/layout/navbar-side-notifications.html
index 0a3f064f4..8b7d8beb6 100644
--- a/shared/includes/layout/navbar-side-notifications.html
+++ b/shared/includes/layout/navbar-side-notifications.html
@@ -1,11 +1,9 @@
 <!-- BEGIN NOTIFICATIONS -->
 <div class="nav-item dropdown d-none d-md-flex">
-	<span data-bs-toggle="tooltip" title="Notifications" data-bs-placement="bottom">
-		<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications" data-bs-auto-close="outside" aria-expanded="false">
-			{% include "ui/icon.html" icon="bell" %}
-			<span class="badge bg-red"></span>
-		</a>
-	</span>
+	<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications" data-bs-auto-close="outside" aria-expanded="false">
+		{% include "ui/icon.html" icon="bell" %}
+		<span class="badge bg-red"></span>
+	</a>
 	<!-- BEGIN NAVBAR NOTIFICATIONS -->
 	<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
 		{% include "cards/navbar-notifications.html" %}