Merge pull request 'OZG-6506 Set fixed width to mail container' (#735) from...

Merge pull request 'OZG-6506 Set fixed width to mail container' (#735) from OZG-6506-fix-message-width into master

Reviewed-on: https://git.ozg-sh.de/ozgcloud-app/alfa/pulls/735


Reviewed-by: OZGCloud <ozgcloud@mgm-tp.com>

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"

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>;