ye

app/static/css/header.css

@@ -190,11 +190,25 @@ body {
 .navbar .container-fluid {
   justify-content: space-between;
   padding: 0;
+  flex-wrap: nowrap;
+  align-items: center;
+  gap: 0.75rem;
 }
 
 .navbar-brand {
   display: flex;
   align-items: center;
+  min-width: 0;
+}
+
+.navbar-actions {
+  margin-left: auto;
+  flex-shrink: 0;
+}
+
+.navbar-currency,
+.navbar-profile {
+  flex-shrink: 0;
 }
 
 .navbar-brand:hover {
@@ -330,6 +344,29 @@ body.has-alert .main-content {
   }
 }
 
+@media (max-width: 767.98px) {
+  .navbar {
+    padding-inline: 0.75rem;
+  }
+
+  .navbar-brand {
+    flex: 1 1 auto;
+  }
+
+  .title-logo {
+    height: 2rem;
+  }
+
+  .navbar-profile {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .navbar-profile .nav-link {
+    white-space: nowrap;
+  }
+}
+
 .subnav-bar {
   display: none;
 }