Add some media queries to improve UI on mobile

2020-06-16 23:11:32 +02:00
parent bd5a81e599
commit 049e3fc08c
6 changed files with 45 additions and 1 deletions
@@ -16,7 +16,7 @@ limitations under the License.
 */

 .mx_AuthBody {
-    width: 500px;
+    max-width: 500px;
    font-size: $font-12px;
    color: $authpage-secondary-color;
    background-color: $authpage-body-bg-color;
@@ -146,3 +146,9 @@ limitations under the License.
 .mx_AuthBody_spinner {
    margin: 1em 0;
 }
+
+@media only screen and (max-width : 480px) {
+  .mx_AuthBody {
+      padding: 10px;
+  }
+}