From 58050240d6410cf09acfde1f9af205a6d8b8e370 Mon Sep 17 00:00:00 2001
From: Andy Allan <git@gravitystorm.co.uk>
Date: Wed, 15 Jul 2020 11:21:08 +0200
Subject: [PATCH] Move the login form rules to be based on screen size

Ideally this would be refactored to be mobile-first, but is likely
to be replaced by more general bootstrap form refactoring anyway.
---
 app/assets/stylesheets/small.scss | 44 ++++++++++++++++---------------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/app/assets/stylesheets/small.scss b/app/assets/stylesheets/small.scss
index ddd812dc1..d9e203d95 100644
--- a/app/assets/stylesheets/small.scss
+++ b/app/assets/stylesheets/small.scss
@@ -93,27 +93,6 @@ body.small {
   .leaflet-top.leaflet-right {
     top: 10px !important;
   }
-
-  /* Rules for the login form */
-
-  #login_login input#user_email {
-    width: 100%;
-    max-width: 18em;
-  }
-
-  #login_login input#user_password {
-    width: 100%;
-    max-width: 18em;
-  }
-
-  #login_login input#openid_url {
-    width: 100%;
-    max-width: 18em;
-  }
-
-  #login_openid_buttons td {
-    padding: 2px;
-  }
 }
 
 @media (max-width: 767.98px) {
@@ -145,3 +124,26 @@ body.small {
     }
   }
 }
+
+@media (max-width: 575.98px) {
+  /* Rules for the login form */
+
+  #login_login input#user_email {
+    width: 100%;
+    max-width: 18em;
+  }
+
+  #login_login input#user_password {
+    width: 100%;
+    max-width: 18em;
+  }
+
+  #login_login input#openid_url {
+    width: 100%;
+    max-width: 18em;
+  }
+
+  #login_openid_buttons td {
+    padding: 2px;
+  }
+}
-- 
2.43.2