Merge pull request 'OZG-4847 FIX grid-column sizes, FIX left and main column...

Merge pull request 'OZG-4847 FIX grid-column sizes, FIX left and main column sizes' (#394) from OZG-4847-Layout-Vorgangsliste-und-Filter into master

Reviewed-on: https://git.ozg-sh.de/ozgcloud-app/alfa/pulls/394


Reviewed-by: OZGCloud <ozgcloud@mgm-tp.com>
Reviewed-by: OZGCloud <ozgcloud@mgm-tp.com>

alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-list-item.component.scss

@@ -27,12 +27,12 @@
 
 .list-item {
 	display: grid;
-	grid-template-columns: 35% 15% 40% 10%;
+	grid-template-columns: 35fr 15fr 40fr 10fr;
 	grid-template-areas:
 		"status postfach-icon wiedervorlagen eingang"
 		"name name name name"
 		"vorgang-nummer vorgang-nummer aktenzeichen user-icon";
-	row-gap: 8px;
+	gap: 8px;
 	align-items: center;
 	padding: 16px 24px;
 
@@ -76,7 +76,7 @@
 	}
 
 	@include media('>desktop') {
-		grid-template-columns: 23% 25% 30% 12% 10%;
+		grid-template-columns: 23fr 25fr 30fr 12fr 10fr;
 		grid-template-areas:
 			"status postfach-icon vorgang-nummer eingang user-icon"
 			"name name aktenzeichen wiedervorlagen user-icon";
@@ -88,7 +88,7 @@
 	}
 
 	@include media('>xxlDesktop') {
-		grid-template-columns: 15% 8% 16% 16% 20% 10% 12% 3%;
+		grid-template-columns: 14fr 4fr 18fr 17fr 22fr 10fr 12fr 3fr;
 		grid-template-areas:
 			"status postfach-icon name vorgang-nummer aktenzeichen wiedervorlagen eingang user-icon";
 
@@ -116,6 +116,10 @@
 		z-index: 1;
 		outline: 0;
 	}
+
+	> * {
+		min-width: 0px;
+	}
 }
 
 body.dark :host	.list-item {

alfa-client/libs/vorgang/src/lib/vorgang-list-page-container/vorgang-list-page/vorgang-list-page.component.scss

@@ -35,12 +35,12 @@ h1 {
 	background-color: $background;
 
 	.left {
-		width: 15.5rem;
+		flex: 1 0 15.5rem;
 	}
 
 	main,
 	.no-role-message {
-		flex-grow: 1;
+		flex: 1 1 100%;
 		border: 1px solid $greyLight;
 	}