fix(navbar): prevent logo from breaking on medium screens

Added flex-shrink: 0 to prevent logo compression
Set min-width: fit-content to ensure logo has adequate space
Added white-space: nowrap to prevent title text wrapping
Improved navbar inner flex layout with gap spacing

Author: sheikhlimon

src/css/custom.css

@@ -523,14 +523,27 @@ body {
   /* Logo and brand adjustments */
   .navbar__brand {
     margin-right: 1.5rem !important;
+    flex-shrink: 0; /* Prevent logo from shrinking */
+    min-width: fit-content; /* Ensure logo has space */
   }
 
   .navbar__logo {
     height: 32px !important;
+    width: auto !important; /* Maintain aspect ratio */
+    max-width: none !important; /* Remove any max-width constraints */
   }
 
   .navbar__title {
     font-size: 1rem !important;
+    white-space: nowrap; /* Prevent text wrapping */
+  }
+
+  /* Ensure navbar inner has proper flex */
+  .navbar__inner {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 0.5rem; /* Add gap between items */
   }
 
   /* Ensure sidebar toggle is always visible */