fix login page for Firefox and mobile

conestack · Dec 2, 2024 · 15aec79 · 15aec79
1 parent 6df0082
commit 15aec79
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/scss/login.scss b/scss/login.scss
@@ -11,6 +11,12 @@
         display: grid;
         grid-template-columns: 1fr 2fr;
         margin-bottom: 0.5rem;
+        gap: 1rem;
+
+        @media(max-width: 400px) {
+            grid-template-columns: auto;
+            gap: 0;
+        }
     }
 
     #input-loginform-login {

diff --git a/src/cone/app/browser/static/cone/cone.app.css b/src/cone/app/browser/static/cone/cone.app.css
@@ -247,6 +247,13 @@ tr.selectable td {
   display: grid;
   grid-template-columns: 1fr 2fr;
   margin-bottom: 0.5rem;
+  gap: 1rem;
+}
+@media (max-width: 400px) {
+  #form-loginform #field-loginform-user, #form-loginform #field-loginform-password {
+    grid-template-columns: auto;
+    gap: 0;
+  }
 }
 #form-loginform #input-loginform-login {
   margin-top: 1.5rem;

diff --git a/src/cone/app/browser/static/cone/cone.app.min.css b/src/cone/app/browser/static/cone/cone.app.min.css