From a9ef7ff58ed32502078b2940407e92b73e4e0dc8 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Wed, 12 Feb 2025 21:30:44 -0800
Subject: [PATCH] Fix: re-center navbar brand on mobile with notifications
 button

---
 .../src/app/components/app-frame/app-frame.component.scss  | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src-ui/src/app/components/app-frame/app-frame.component.scss b/src-ui/src/app/components/app-frame/app-frame.component.scss
index 718d7ea41..1ad42ca28 100644
--- a/src-ui/src/app/components/app-frame/app-frame.component.scss
+++ b/src-ui/src/app/components/app-frame/app-frame.component.scss
@@ -244,6 +244,13 @@ main {
   }
 }
 
+@media screen and (max-width: 768px) {
+  .navbar-toggler {
+    // compensate for 2 buttons on the right
+    margin-right: 45px;
+  }
+}
+
 @media screen and (min-width: 768px) {
   .navbar-brand.slim {
     max-width: 50px;