Merge pull request #601 from raimund-schluessler/fix/noid/flex-header

fix: correctly use flex layout in header
raimund-schluessler · Jul 31, 2024 · ab03f6c · ab03f6c
2 parents 1eec039 + c703ffb
commit ab03f6c
Showing 1 changed file with 4 additions and 3 deletions.
diff --git 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'] {