Sorted out some styling on the login page with mobile

5 years ago · eaa4a7ec1c
parent 03eb92f911
commit eaa4a7ec1c
1 changed files with 12 additions and 4 deletions
--- a/src/Ombi/ClientApp/src/app/login/login.component.scss
+++ b/src/Ombi/ClientApp/src/app/login/login.component.scss
@ -208,10 +208,18 @@ div.bg {
    width: 100%;
 }

-.small-middle-container{
-	margin: auto;
-    width: 25%;
-    overflow: auto;
+@media (max-width: 570px) {
+    .small-middle-container{
+        margin: auto;
+        overflow: auto;
+    }
+}
+@media (min-width: 571px) {
+    .small-middle-container{
+        margin: auto;
+        width: 25%;
+        overflow: auto;
+    }
 }

 .top-margin {