fix(ui): adjust navbar styles for improved layout and visibility

Web/templates/base.html

@@ -176,6 +176,13 @@
             z-index: 1900;
         }
 
+        #loginNavbar {
+            padding-top: 0;
+            padding-bottom: 0;
+            min-height: 56px;
+            overflow: visible;
+        }
+
         .navbar .container-fluid {
             gap: 8px;
             /* Ensure container respects safe areas on all sides */
@@ -183,6 +190,13 @@
             padding-right: max(env(safe-area-inset-right, 0), 12px);
             padding-bottom: env(safe-area-inset-bottom, 0);
         }
+
+        #loginNavbar .container-fluid {
+            padding-top: 4px;
+            padding-bottom: 4px;
+            align-items: center;
+            min-height: 56px;
+        }
         
         .navbar-brand {
             font-weight: bold;
@@ -208,8 +222,9 @@
             max-width: min(75vw, 460px);
             object-fit: contain;
             filter: none;
-            margin-top: 20px;
+            margin-top: 0;
             margin-bottom: 0;
+            transform: translateY(28px);
         }
 
         .navbar-text.tenant-badge {
@@ -361,8 +376,9 @@
             #loginNavbar .invario-logo {
                 height: 74px;
                 max-width: 80vw;
-                margin-top: 20px;
+                margin-top: 0;
                 margin-bottom: 0;
+                transform: translateY(20px);
             }
         }