OZG-4706 OZG-4758 Refactor layout

alfa-client/libs/ui/src/lib/ui/ozgcloud-button/shared/ozgcloud-button-content/ozgcloud-button-content.component.html

 <mat-icon *ngIf="icon" data-test-class="icon"
+		[class.with-text]="text"
 		[style.visibility]="isDisabled ? 'hidden' : 'visible'">
 	{{ icon }}
 </mat-icon>
 
 <mat-icon *ngIf="svgIcon" data-test-class="icon"
+		[class.with-text]="text"
 		[svgIcon]="svgIcon"
 		[style.visibility]="isDisabled ? 'hidden' : 'visible'">
 </mat-icon>

alfa-client/libs/ui/src/lib/ui/ozgcloud-button/shared/ozgcloud-button-content/ozgcloud-button-content.component.scss

@@ -6,7 +6,7 @@ $rightMargin: 8px;
 	justify-content: center;
 }
 
-mat-icon {
+mat-icon.with-text {
 	margin-right: $rightMargin;
 }
 

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

@@ -28,3 +28,9 @@
 	font-size: 16px;
 	font-weight: 400;
 }
+
+// Workaround Material's fixed 48px height
+:host ::ng-deep ozgcloud-icon-button-primary button {
+	position: absolute;
+	top: -24px;
+}
\ No newline at end of file

alfa-client/libs/vorgang-shared-ui/src/lib/vorgang-in-postfach-breadcrumb-container/vorgang-in-postfach-breadcrumb/vorgang-in-postfach-breadcrumb.component.html

@@ -23,8 +23,8 @@
     unter der Lizenz sind dem Lizenztext zu entnehmen.
 
 -->
-<h1 *ngIf="vorgangStateResource.resource as vorgang">
+<span *ngIf="vorgangStateResource.resource as vorgang">
 	<a routerLink='/vorgang/{{ vorgang | toResourceUri }}' alfa-aktenzeichen [vorgang]="vorgang"></a>
 	<span>/</span>
 	<span>Nachrichten</span>
-</h1>
\ No newline at end of file
+</span>
\ No newline at end of file

alfa-client/libs/vorgang-shared-ui/src/lib/vorgang-in-postfach-breadcrumb-container/vorgang-in-postfach-breadcrumb/vorgang-in-postfach-breadcrumb.component.scss

@@ -43,12 +43,4 @@
 			background-color: rgba(#777, 0.16);
 		}
 	}
-
-	h1 {
-		font-size: inherit;
-		font-weight: inherit;
-		display: inline-block;
-		margin: 0 4px;
-		padding: 0;
-	}
 }

alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-page-container/wiedervorlage-page/wiedervorlage-breadcrumb-container/wiedervorlage-breadcrumb/wiedervorlage-breadcrumb.component.html

@@ -27,4 +27,4 @@
 <span>/</span>
 <span>Wiedervorlagen</span>
 <span>/</span>
-<h1>{{ betreff }}</h1>
+<span>{{ betreff }}</span>

alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-page-container/wiedervorlage-page/wiedervorlage-breadcrumb-container/wiedervorlage-breadcrumb/wiedervorlage-breadcrumb.component.scss

@@ -43,12 +43,4 @@
 			background-color: rgba(#777, 0.16);
 		}
 	}
-
-	h1 {
-		font-size: inherit;
-		font-weight: inherit;
-		display: inline-block;
-		margin: 0 4px;
-		padding: 0;
-	}
 }
\ No newline at end of file