From c268eecdc0bab5763ad421434531b2e20b6db428 Mon Sep 17 00:00:00 2001
From: Tobias Klika <cee@live.at>
Date: Mon, 21 Mar 2022 12:46:04 +0100
Subject: [PATCH] quick fix for broken header bar when title is too long

---
 zero.Backoffice.UI/app/components/ui-header-bar.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/zero.Backoffice.UI/app/components/ui-header-bar.vue b/zero.Backoffice.UI/app/components/ui-header-bar.vue
index b7ead57a..c05f2d2a 100644
--- a/zero.Backoffice.UI/app/components/ui-header-bar.vue
+++ b/zero.Backoffice.UI/app/components/ui-header-bar.vue
@@ -122,11 +122,10 @@
 
   .ui-header-bar-inner
   {
-    display: flex;
-    justify-content: space-between;
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
     align-items: center;
     height: 100%;
-    /*max-width: 1104px;*/
   }
 
   .ui-header-bar-main
@@ -135,10 +134,12 @@
     align-items: center;
     height: 100%;
     flex: 1 0 auto;
+    overflow: hidden;
 
     .ui-icon-button
     {
       margin-right: var(--padding-s);
+      flex-shrink: 0;
       //margin-top: -2px;
     }
   }