Hopefull improved styling for Firefox mobile fixes

dev/Styles/User/Compose.less

@@ -7,7 +7,8 @@
 }
 
 #V-PopupsCompose {
-	height: calc(100vh - 52px);
+	height: 100vh;
+	height: 100dvh;
 	max-width: 1000px;
 	width: 99%;
 

dev/Styles/User/Contacts.less

@@ -1,6 +1,7 @@
 
 #V-PopupsContacts {
-
+	height: 100vh;
+	height: 100dvh;
 	max-width: 900px;
 	min-height: 300px;
 
@@ -13,7 +14,7 @@
 
 	.modal-body {
 		display: flex;
-		height: calc(100vh - 49px);
+		height: 100%;
 		padding: 0;
 	}
 

dev/Styles/User/FolderList.less

@@ -2,21 +2,24 @@
 @folderItemPadding: 7px;
 @subPadding: 15px;
 
-.b-folders {
+#V-MailFolderList,
+#V-MailFolderList .b-content {
+	height: 100%;
+}
 
-	> * {
-		position: absolute;
-		right: 2px;
-		left: 0;
-	}
+.b-folders {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	padding-right: 2px;
 
 	ul {
 		margin: 0;
 	}
 
 	input {
-		width: calc(100% - 8px);
 		margin-left: 4px;
+		width: calc(100% - 8px);
 	}
 
 	.move-action-content-wrapper {
@@ -35,24 +38,17 @@
 	}
 
 	.b-toolbar {
-		top: 0;
-		padding: 10px 0 0 @rlLowMargin;
+		padding: 10px 0 10px @rlLowMargin;
 		color: #fff;
-		z-index: 101;
 	}
 
 	.b-footer {
-		bottom: 10px;
-		padding: 0 10px 0 5px;
-		z-index: 101;
-
+		padding: 10px @rlLowMargin;
 		overflow: hidden;
 		white-space: nowrap;
 	}
 
 	.b-content {
-		bottom: 32px + @rlLowMargin + @rlBottomMargin;
-		top: 50px + @rlLowMargin;
 		overflow: hidden;
 		overflow-y: auto;
 		min-width: 100px;

dev/Styles/User/Layout.less

@@ -5,11 +5,6 @@
 	background-position: center;
 }
 
-#rl-content {
-	display:flex;
-	height: 100%;
-}
-
 #rl-left {
 	flex-grow: 0;
 	flex-shrink: 0;

dev/Styles/User/MessageList.less

@@ -7,7 +7,7 @@ html.rl-mobile, html.rl-no-preview-pane {
 
 #V-MailMessageList.focused .messageList {
 	border-color: #9d9d9d;
-	box-shadow: @rlMainShadow;
+	box-shadow: var(--smMainShadow);
 }
 
 #sort-list-dropdown-id {

dev/Styles/User/MessageView.less

@@ -454,7 +454,7 @@ html.rl-no-preview-pane .messageView {
 		bottom: @rlBottomMargin;
 		right: @rlBottomMargin;
 		border: 1px solid var(--border-color, #aaa);
-		box-shadow: @rlMainShadow;
+		box-shadow: var(--smMainShadow);
 	}
 }
 

dev/Styles/User/Settings.less

@@ -70,7 +70,7 @@
 	background-color: var(--settings-bg-clr, #fff);
 	border: 1px solid var(--border-color, #aaa);
 	border-radius: var(--border-radius, 5px);
-	box-shadow: @rlMainShadow;
+	box-shadow: var(--smMainShadow);
 	height: calc(100% - 50px - @rlLowMargin - @rlLowMargin);
 	margin: 50px @rlLowMargin @rlLowMargin 0;
 	overflow-y: auto;