OZG-4527 OZG-4734 add Hinweis Text

alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.html

@@ -2,8 +2,9 @@
 <mat-dialog-content>
 	<form class="form" [formGroup]="formService.form" (ngSubmit)="submit()">
 		<div class="content">
-			<mat-icon svgIcon="az"></mat-icon>
+			<mat-icon svgIcon="az" class="az_icon"></mat-icon>
 			<ozgcloud-text-editor
+				class="az_text"
 				data-test-id="aktenzeichen-edit-dialog-text-editor"
 				label="Aktenzeichen"
 				placeholder="keine Aktenzeichen"
@@ -11,7 +12,8 @@
 				appearance="outline"
 				[formControlName]="AktenzeichenEditDialogFormservice.AKTENZEICHEN_FIELD">
 			</ozgcloud-text-editor>
-			<mat-icon svgIcon="copy_to_clipboard" color="primary"></mat-icon>
+			<mat-icon svgIcon="copy_to_clipboard" color="primary" class="paste_icon"></mat-icon>
+			<p class="hinweis">Bitte geben Sie ein Aktenzeichen ein. (max. 256 Zeichen)</p>
 		</div>
 	</form>
 

alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.scss

@@ -12,12 +12,28 @@
 
 .content {
 	display: grid;
-	grid-template-columns: [first] min-content [second] auto [third] min-content ;
+	grid-template-columns: min-content auto min-content ;
 	grid-column-gap: 0.5rem;
 	align-items: center;
 	grid-template-areas:
-		"first second third"
-		". second .";
+		"az_icon az_text paste_icon"
+		". hinweis .";
+}
+
+.az_icon {
+	grid-area: az_icon;
+}
+
+.az_text {
+	grid-area: az_text;
+}
+
+.paste_icon {
+	grid-area: paste_icon;
+}
+
+.hinweis {
+	grid-area: hinweis;
 }
 
 ozgcloud-stroked-button-with-spinner {
@@ -25,9 +41,12 @@ ozgcloud-stroked-button-with-spinner {
 }
 
 mat-icon {
-	//margin: 0 0.5rem 0 -0rem;
 	height: 1.875rem;
 	min-height: 1.875rem;
 	width: 1.875rem;
 	min-width: 1.875rem;
 }
+
+mat-dialog-content {
+	padding-top: 0.5rem !important;
+}
\ No newline at end of file