Merge pull request #50 from wildjames/dev

fix the inputs for task creation in mobile (kinda)
wildjames · Nov 1, 2023 · 0976da6 · 0976da6
2 parents 373122c + c26dbf2
commit 0976da6
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/todoqueue_frontend/src/components/tasks/Tasks.css b/todoqueue_frontend/src/components/tasks/Tasks.css
@@ -131,6 +131,8 @@
         /* Center tasks horizontally */
         gap: 120px;
         /* Spacing between tasks */
+        bottom: 100px;
+        /* Lower bottom since the scores disappear */
     }
 
     .Tasks .task-wrapper {
@@ -305,6 +307,12 @@
     padding: 0.5rem;
 }
 
+@media (max-width: 800px) {
+    .input-pair-container .task-input-group input {
+        max-width: 125px;
+    }
+}
+
 .input-pair-container .task-input-group label {
     text-align: left;
 }
@@ -355,6 +363,12 @@
     max-width: 90px;
 }
 
+@media (max-width: 800px) {
+    .task-input-group-horizontal input {
+        max-width: 50px;
+    }
+}
+
 .task-input-group-horizontal.no-max-width input {
     max-width: none;
 }