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; }