diff --git a/dev/Styles/Main.less b/dev/Styles/Main.less index f8e6c1bcb..75174c5e2 100644 --- a/dev/Styles/Main.less +++ b/dev/Styles/Main.less @@ -62,6 +62,7 @@ dialog { border: 1px solid var(--dialog-border-clr, rgba(0,0,0,.3)); border-radius: var(--dialog-border-radius, 6px); box-shadow: 0 5px 80px rgba(0,0,0,0.3); + box-sizing: border-box; color: var(--dialog-clr, #333); display: flex; flex-direction: column; diff --git a/dev/Styles/User/Compose.less b/dev/Styles/User/Compose.less index 434f1620d..d6e49f398 100644 --- a/dev/Styles/User/Compose.less +++ b/dev/Styles/User/Compose.less @@ -150,6 +150,8 @@ @media screen and (max-width: 999px) { #V-PopupsCompose { border: 0; + height: calc(100vh - 100px); + margin: 0 auto; width: 100%; } } diff --git a/dev/Styles/User/SquireUI.less b/dev/Styles/User/SquireUI.less index 69450373f..b0a23880a 100644 --- a/dev/Styles/User/SquireUI.less +++ b/dev/Styles/User/SquireUI.less @@ -163,7 +163,3 @@ Secondly, we can't rely on MUA's what to do with :empty */ } } - -.rl-mobile #V-PopupsCompose { - min-height: calc(100% - 12px); -}