[frontend/components] Prevent overly long instance names from overflowing

This commit is contained in:
Lilian 2025-01-31 22:12:03 +01:00
parent 17561f8401
commit 1daaf83f88
No known key found for this signature in database
2 changed files with 6 additions and 2 deletions

View file

@ -5,6 +5,10 @@
font-size: 0.9em; font-size: 0.9em;
white-space: nowrap; white-space: nowrap;
margin-left: auto; margin-left: auto;
min-width: 0;
overflow: clip;
flex-basis: 50%;
flex-shrink: 2;
.info { .info {
display: block; display: block;
@ -22,5 +26,7 @@
} }
.instance { .instance {
font-size: 0.9em; font-size: 0.9em;
text-overflow: ellipsis;
overflow: clip;
} }
} }

View file

@ -8,8 +8,6 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: clip; overflow: clip;
} }
flex-shrink: 1;
min-width: 2rem; min-width: 2rem;
overflow: clip; overflow: clip;
margin-right: 1rem; margin-right: 1rem;