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 718d7ea41b450a55ab2273a199a5cc1e1e97cbfd..1ad42ca28302c70aa96d206a7cb63f986479b837 100644 (file)
--- 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;