fix requested changes from #3991

Signed-off-by: Jovan Gerodetti <jovan.gerodetti@titannano.de>

res/css/views/auth/_AuthBody.scss

@@ -16,7 +16,7 @@ limitations under the License.
 */
 
 .mx_AuthBody {
-    max-width: 500px;
+    width: 500px;
     font-size: $font-12px;
     color: $authpage-secondary-color;
     background-color: $authpage-body-bg-color;
@@ -147,8 +147,11 @@ limitations under the License.
     margin: 1em 0;
 }
 
-@media only screen and (max-width : 480px) {
-  .mx_AuthBody {
-      padding: 10px;
-  }
+@media only screen and (max-width: 480px) {
+    .mx_AuthBody {
+        border-radius: 4px;
+        width: auto;
+        max-width: 500px;
+        padding: 10px;
+    }
 }

res/css/views/auth/_AuthHeader.scss

@@ -22,8 +22,8 @@ limitations under the License.
     box-sizing: border-box;
 }
 
-@media only screen and (max-width : 480px) {
-  .mx_AuthHeader {
-    display: none;
-  }
+@media only screen and (max-width: 480px) {
+    .mx_AuthHeader {
+        display: none;
+    }
 }

res/css/views/auth/_AuthHeaderLogo.scss

@@ -24,8 +24,8 @@ limitations under the License.
     width: 100%;
 }
 
-@media only screen and (max-width : 480px) {
-  .mx_AuthHeaderLogo {
-    display: none;
-  }
+@media only screen and (max-width: 480px) {
+    .mx_AuthHeaderLogo {
+        display: none;
+    }
 }

res/css/views/auth/_AuthPage.scss

@@ -30,8 +30,8 @@ limitations under the License.
     background-color: $authpage-modal-bg-color;
 }
 
-@media only screen and (max-width : 480px) {
-  .mx_AuthPage_modal {
-    margin-top: 0;
-  }
+@media only screen and (max-width: 480px) {
+    .mx_AuthPage_modal {
+        margin-top: 0;
+    }
 }