responsive detailview

goofy-client/libs/navigation/src/lib/navigation/navigation.component.spec.ts

@@ -5,7 +5,7 @@ import { AppService } from '@goofy-client/app-shared';
 import { mock } from '@goofy-client/test-utils';
 import { BehaviorSubject } from 'rxjs';
 import { NavigationComponent } from './navigation.component';
-import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
 
 describe('NavigationComponent', () => {
 	let component: NavigationComponent;

goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.scss

+@import "breakpoints";
+@import "~include-media/dist/include-media";
+
 :host {
 	position: relative;
 	display: block;
@@ -12,12 +15,23 @@
 
 .vorgang-detail-body {
 	display: flex;
+	flex-direction: column;
+
+	@include media('>desktop') {
+		flex-direction: row;
+	}
 }
 
 .section {
-	width: 50%;
+	width: 100%;
+	flex-shrink: 0;
+	flex-grow: 0;
 	padding: 0 16px;
 
+	@include media('>desktop') {
+		width: 50%;
+	}
+
 	&:last-child {
 		margin-right: 8px;
 	}