fix website header wrapping and height

This commit is contained in:
Chris Heinz 2024-07-14 12:16:52 +02:00
parent eda5adfd79
commit 4f113bc3ac

View File

@ -1,7 +1,9 @@
.header { .header {
display: grid; display: flex;
grid-template-columns: 1fr max-content; gap: 10px;
align-items: center; align-items: center;
flex-wrap: wrap;
padding: 20px 0px;
} }
.title { .title {
@ -12,7 +14,7 @@
font-size: 24px; font-size: 24px;
font-weight: 700; font-weight: 700;
overflow: hidden; overflow: hidden;
height: 100px; height: 60px;
} }
.actions { .actions {
@ -22,6 +24,7 @@
justify-content: flex-end; justify-content: flex-end;
gap: 30px; gap: 30px;
min-height: 0; min-height: 0;
margin-left: auto;
} }
.selected { .selected {