OZG-4527 fix layout and form validation

OZG-4527 WIP form errors

alfa-client/libs/ui/src/lib/ui/editor/text-editor/text-editor.component.html

@@ -23,7 +23,7 @@
     unter der Lizenz sind dem Lizenztext zu entnehmen.
 
 -->
-<mat-form-field class="compact-input" appearance="{{appearance}}" [floatLabel]="readOnly || autoFocus ? 'always' : 'auto'">
+<mat-form-field subscriptSizing="dynamic" class="compact-input" appearance="{{appearance}}" [floatLabel]="readOnly || autoFocus ? 'always' : 'auto'">
 	<mat-label>{{ label }}</mat-label>
 	<div class="wrapper">
 		<input #inputElement
@@ -34,7 +34,8 @@
 			   [readonly]="readOnly"
 			   (blur)="touch()"
 			   [attr.data-test-id]="(label | convertForDataTest) + '-text-input'"
-			   [class.with-clear-button]="showClearButton$ | async"/>
+			   [class.with-clear-button]="showClearButton$ | async"
+		/>
 		<button *ngIf="showClearButton$ | async"
 				data-test-id="clear-button"
 				class="clear-button"

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

@@ -8,7 +8,7 @@
 	}
 
 	::ng-deep .mat-mdc-form-field-subscript-wrapper {
-		display: none;
+		//display: none;
 	}
 }
 
@@ -17,7 +17,7 @@
 	grid-template-columns: min-content auto min-content;
 	grid-column-gap: 0.5rem;
 	grid-row-gap: 0.25rem;
-	align-items: center;
+	align-items: flex-start;
 	grid-template-areas:
 		'az_icon az_text paste_icon'
 		'. hinweis .';
@@ -26,6 +26,7 @@
 .az_icon {
 	grid-area: az_icon;
 	color: #c2c2c2;
+	margin-top: 12px;
 
 	&--active {
 		color: black;