diff --git a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.html b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.html index 1566dc396538005f2ebe1e510fcdf04f1eaa13ac..fc5ca5be41c842695b25ff62b2e6b1251ab27a75 100644 --- a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.html +++ b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.html @@ -29,7 +29,7 @@ <div class="flex min-h-full grow flex-col divide-y divide-gray-200 border-l border-r border-gray-200 dark:divide-background-100 dark:border-transparent lg:flex-row lg:divide-x lg:divide-y-0" > - <div class="grow"> + <div class="w-full grow"> <alfa-vorgang-detail-header [vorgangWithEingang]="vorgangResource" data-test-id="vorgang-detail-header" @@ -92,7 +92,7 @@ </div> </div> </div> - <div class="flex h-full min-w-80 flex-1 flex-col px-4 py-3"> + <div class="flex w-[calc(100vw-2.5rem)] flex-col px-6 py-4 lg:w-80 lg:px-3 lg:py-4"> <alfa-vorgang-detail-antragsteller [antragsteller]="vorgangResource.eingang.antragsteller" data-test-id="vorgang-detail-antragsteller" diff --git a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.ts b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.ts index 84620549535e2efd0a84a992fd9f239f18093fa5..f6a3f401d927e1350cb0903df7cc30ef6a5fa84e 100644 --- a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.ts +++ b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.ts @@ -33,7 +33,7 @@ import { Component, Input } from '@angular/core'; selector: 'alfa-vorgang-detail-area', templateUrl: './vorgang-detail-area.component.html', styleUrls: ['./vorgang-detail-area.component.scss'], - styles: [':host {@apply relative flex flex-row grow}'], + styles: [':host {@apply relative w-full}'], }) export class VorgangDetailAreaComponent { @Input() vorgangStateResource: StateResource<VorgangWithEingangResource>;