made login/sign up page responsive

app/assets/stylesheets/devise/_login.scss

@@ -18,13 +18,13 @@
     url('https://unsplash.com/photos/jay5BqVyf5A');
 
 
-
   .login-content {
     position: relative;
-    top: -10vh;
+    // top: -10vh;
     padding: 50px;
     background-color: white;
     width: 25vw;
+    min-width: 300px;
     border-radius: 3px;
     box-shadow: 1px 1px 10px rgba(0,0,0, 0.21);
 

app/assets/stylesheets/pages/_settings.scss

@@ -72,6 +72,15 @@ input:checked + .slider:before {
   color: black;
 }
 
+.slider.rounded {
+  border-radius: 3px;
+}
+
+.slider.rounded:before {
+  border-radius: 3px;
+}
+
+
 .settings {
   color: white;
 }
@@ -102,6 +111,10 @@ input:checked + .slider:before {
   align-items: center;
 }
 
+.space-between {
+  justify-content: space-between;
+}
+
 .center-screen {
   display: flex;
   flex-direction: column;