From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Thu, 13 Feb 2025 05:30:44 +0000 (-0800)
Subject: Fix: re-center navbar brand on mobile with notifications button
X-Git-Tag: v2.15.0-beta.rc1~100
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=a9ef7ff58ed32502078b2940407e92b73e4e0dc8;p=thirdparty%2Fpaperless-ngx.git

Fix: re-center navbar brand on mobile with notifications button
---

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;