diff --git a/alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-list-item.component.scss b/alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-list-item.component.scss index a2039b4fb2ea81ca773c7ec973304bbb4c108c10..58f2e62534d96ddfa365d3ae4b2b1c2e1c802513 100644 --- a/alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-list-item.component.scss +++ b/alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-list-item.component.scss @@ -27,12 +27,12 @@ .list-item { display: grid; - grid-template-columns: 35% 15% 40% 10%; + grid-template-columns: 35fr 15fr 40fr 10fr; grid-template-areas: "status postfach-icon wiedervorlagen eingang" "name name name name" "vorgang-nummer vorgang-nummer aktenzeichen user-icon"; - row-gap: 8px; + gap: 8px; align-items: center; padding: 16px 24px; @@ -76,7 +76,7 @@ } @include media('>desktop') { - grid-template-columns: 23% 25% 30% 12% 10%; + grid-template-columns: 23fr 25fr 30fr 12fr 10fr; grid-template-areas: "status postfach-icon vorgang-nummer eingang user-icon" "name name aktenzeichen wiedervorlagen user-icon"; @@ -88,7 +88,7 @@ } @include media('>xxlDesktop') { - grid-template-columns: 15% 8% 16% 16% 20% 10% 12% 3%; + grid-template-columns: 14fr 4fr 18fr 17fr 22fr 10fr 12fr 3fr; grid-template-areas: "status postfach-icon name vorgang-nummer aktenzeichen wiedervorlagen eingang user-icon"; @@ -116,6 +116,10 @@ z-index: 1; outline: 0; } + + > * { + min-width: 0px; + } } body.dark :host .list-item { diff --git a/alfa-client/libs/vorgang/src/lib/vorgang-list-page-container/vorgang-list-page/vorgang-list-page.component.scss b/alfa-client/libs/vorgang/src/lib/vorgang-list-page-container/vorgang-list-page/vorgang-list-page.component.scss index b83d98a1c7de7634b2954b169565b21fa8299d72..2cabe1996910f4d5adaacea96119fb92421bf731 100644 --- a/alfa-client/libs/vorgang/src/lib/vorgang-list-page-container/vorgang-list-page/vorgang-list-page.component.scss +++ b/alfa-client/libs/vorgang/src/lib/vorgang-list-page-container/vorgang-list-page/vorgang-list-page.component.scss @@ -35,12 +35,12 @@ h1 { background-color: $background; .left { - width: 15.5rem; + flex: 1 0 15.5rem; } main, .no-role-message { - flex-grow: 1; + flex: 1 1 100%; border: 1px solid $greyLight; }