frontend: fix app container sometimes shrinks

thisconnect · thisconnect · commit 7f85a33e1660 · 2024-06-10T09:11:04.000+02:00
Current CSS limits height to a maximum of -webkit-available-height
this caused the app to not use full height if there is not enough
content to push the containers to at least the window heihgt.
diff --git a/frontends/web/src/style/layout.css b/frontends/web/src/style/layout.css
@@ -68,8 +68,7 @@
 .appContent {
     height: 100vh;
     /* mobile viewport bug fix */
-    height: -webkit-fill-available;
-    max-height: 100vh;
+    max-height: -webkit-fill-available;
 }
 
 @media (max-width: 900px) {

Original file line number	Diff line number	Diff line change
`@@ -68,8 +68,7 @@`
`68`	`68`	`.appContent {`
`69`	`69`	`height: 100vh;`
`70`	`70`	`/* mobile viewport bug fix */`
`71`		`- height: -webkit-fill-available;`
`72`		`- max-height: 100vh;`
	`71`	`+ max-height: -webkit-fill-available;`
`73`	`72`	`}`
`74`	`73`
`75`	`74`	`@media (max-width: 900px) {`