From c703ffb3cc350172b015d5563fca824fdd20f6e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Raimund=20Schl=C3=BC=C3=9Fler?=
 <raimund.schluessler@mailbox.org>
Date: Wed, 31 Jul 2024 10:46:24 +0200
Subject: [PATCH] fix: correctly use flex layout in header

---
 src/App.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index eae2e5c1..ed9997b9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -148,8 +148,9 @@ body {
 #controls {
 	display: flex;
 	padding-left: 52px;
-	padding-top: 8px;
-	height: 52px;
+	margin-right: 8px;
+	margin-top: 8px;
+	height: 44px;
 	position: sticky;
 	top: 0;
 	background-color: var(--color-main-background-translucent);
@@ -163,7 +164,7 @@ body {
 
 	.breadcrumb {
 		height: 44px;
-		width: calc(100% - 44px);
+		min-width: 0;
 	}
 }
 .error input[type='text'] {