Merge branch 'master' of git.ozg-sh.de:mgm/goofy

goofy-client/libs/ui/src/lib/ui/spinner/spinner.component.html

 <div *ngIf="showSpinner" data-test-class="spinner" class="spinner" [style.padding]="padding + 'px'">
-	<p *ngIf="text">{{ text }}</p>
 	<mat-spinner [diameter]="diameter"></mat-spinner>
+	<span *ngIf="text">{{ text }}</span>
 </div>
 
 <ng-content *ngIf="!showSpinner" data-test-class="spinner-content"></ng-content>

goofy-client/libs/ui/src/lib/ui/spinner/spinner.component.scss

-mat-spinner {
-	margin: auto;
+span {
+	color: #999;
+	margin-left: 8px;
 }
 
-p {
-	color: #999;
+.spinner {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin: auto;
 }

goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-redirect-container/vorgang-redirect-container.component.html

@@ -3,6 +3,7 @@
 	<goofy-client-spinner data-test-id="vorgang-redirect-spinner"
 			[stateResource]="redirectStateResource"
 			[showWhileLoaded]="true"
+			[diameter]="24"
 			padding="0"
 			text="Vorgang wird weitergeleitet">
 

goofy-client/libs/vorgang-shared/src/lib/status-dot/status-dot.component.scss

@@ -11,7 +11,9 @@
 	margin: 0 29px;
 
 	&.angenommen,
-	&.in_bearbeitung {
+	&.in_bearbeitung,
+	&.redirect, // TODO kann raus, wenn der redirect status auf deutsch umgestellt wurde
+	&.weiterleiten {
 		background-color: mat-color($accentPalette, darker);
 	}