From c26dbf2005307a50d1abc2c183b2d331d8710f01 Mon Sep 17 00:00:00 2001
From: James Wild <wild.james343@gmail.com>
Date: Wed, 1 Nov 2023 00:12:11 +0000
Subject: [PATCH] fix the inputs for task creation in mobile (kinda)

---
 todoqueue_frontend/src/components/tasks/Tasks.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/todoqueue_frontend/src/components/tasks/Tasks.css b/todoqueue_frontend/src/components/tasks/Tasks.css
index ffc161b..2b41620 100644
--- 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;
 }