Improvements for #686

dev/Styles/@Boot.css

@@ -53,11 +53,11 @@ html, body {
 	-webkit-touch-callout: none;
 	font-size: var(--main-font-size, 14px);
 	line-height: 1.25; /* 1 */
-	position: fixed;
-	top: 0;
-	left: 0;
-	bottom: 0;
-	right: 0;
+	position: relative;
+}
+body#rl-app {
+	height: 100vh;
+	width: 100vw;
 }
 
 #rl-loading, #rl-loading-error {

dev/Styles/Main.less

@@ -76,7 +76,7 @@ dialog:not(.animate) {
  */
 .rl-mobile dialog {
 	margin: 0 auto;
-	max-height: calc(100vh - 100px);
+	max-height: calc(100vh - 86px);
 	width: 100%;
 }
 

dev/Styles/User/Compose.less

@@ -9,7 +9,7 @@
 #V-PopupsCompose {
 	height: calc(100vh - 52px);
 	max-width: 1000px;
-	width: 98%;
+	width: 99%;
 
 	.modal-body {
 		padding: 0;

dev/Styles/User/Layout.less

@@ -9,7 +9,7 @@
 	position: absolute;
 	top: 0;
 	right: 0;
-	bottom: 0;
+	bottom: 10px;
 	left: 0;
 	padding: 0;
 	margin: 0;
@@ -96,10 +96,8 @@ html:not(.rl-left-panel-disabled) #rl-left > .resizer,
 }
 
 #V-MailMessageList {
-	position: absolute;
-	top: 0;
-	bottom: @rlBottomMargin;
-	left: 0;
+	position: relative;
+	height: 100%;
 	width: 50%;
 }
 

dev/Styles/User/MessageList.less

@@ -22,7 +22,7 @@ html.rl-no-preview-pane {
 }
 
 .messageList {
-	height: calc(100% - 50px);
+	height: calc(100% - 60px);
 	background-color: #fff;
 	border: 1px solid var(--border-color, #aaa);
 	border-radius: var(--border-radius, 5px);

integrations/nextcloud/snappymail/css/embed.css

@@ -5,7 +5,6 @@ This stylesheet is used when SnappyMail runs in embed mode.
 	max-height: 100%;
 }
 #content #rl-app {
-	position: relative;
 	min-width: 100%;
 	min-height: 100%;
 }