From 7c6be4ba3de82561b14716c96c8d29329de104fc Mon Sep 17 00:00:00 2001
From: James Birnie <jkbirnie@gmail.com>
Date: Wed, 2 Apr 2025 12:07:00 -0700
Subject: [PATCH 1/3] Fixed spacing on taskList

---
 frontend/react-app/src/components/TaskList.jsx | 2 +-
 frontend/react-app/src/css/TaskList.css        | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/react-app/src/components/TaskList.jsx b/frontend/react-app/src/components/TaskList.jsx
index cf7b10c..36be7c0 100644
--- a/frontend/react-app/src/components/TaskList.jsx
+++ b/frontend/react-app/src/components/TaskList.jsx
@@ -47,7 +47,7 @@ function TaskList({dataToUse, headersAndAccessors}){
     const { getTableBodyProps, getTableProps, rows, prepareRow, headerGroups} = useTable({columns,data: filteredData}, useSortBy)
     return(
         
-        <div className='container'>
+        <div className='containerTaskList'>
             <div className='Selector-Search'>
                 <select name="searchThis" id="searchThis" className='selector' onChange={changeSearch}>
                     {headersAndAccessors.map((headerAndAccessor) =>(
diff --git a/frontend/react-app/src/css/TaskList.css b/frontend/react-app/src/css/TaskList.css
index 580af38..e14a65d 100644
--- a/frontend/react-app/src/css/TaskList.css
+++ b/frontend/react-app/src/css/TaskList.css
@@ -1,6 +1,7 @@
-.container{
+.containerTaskList{
     display: flex;
     flex-direction: column;
+    margin-bottom: 10px;
 }
 table{
     width: 100%;

From c4dbf553c85201147a255cceb149b287bb1e034d Mon Sep 17 00:00:00 2001
From: James Birnie <jkbirnie@gmail.com>
Date: Wed, 2 Apr 2025 12:07:52 -0700
Subject: [PATCH 2/3] Revert "Fixed spacing on taskList"

This reverts commit 7c6be4ba3de82561b14716c96c8d29329de104fc.
---
 frontend/react-app/src/components/TaskList.jsx | 2 +-
 frontend/react-app/src/css/TaskList.css        | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/react-app/src/components/TaskList.jsx b/frontend/react-app/src/components/TaskList.jsx
index 36be7c0..cf7b10c 100644
--- a/frontend/react-app/src/components/TaskList.jsx
+++ b/frontend/react-app/src/components/TaskList.jsx
@@ -47,7 +47,7 @@ function TaskList({dataToUse, headersAndAccessors}){
     const { getTableBodyProps, getTableProps, rows, prepareRow, headerGroups} = useTable({columns,data: filteredData}, useSortBy)
     return(
         
-        <div className='containerTaskList'>
+        <div className='container'>
             <div className='Selector-Search'>
                 <select name="searchThis" id="searchThis" className='selector' onChange={changeSearch}>
                     {headersAndAccessors.map((headerAndAccessor) =>(
diff --git a/frontend/react-app/src/css/TaskList.css b/frontend/react-app/src/css/TaskList.css
index e14a65d..580af38 100644
--- a/frontend/react-app/src/css/TaskList.css
+++ b/frontend/react-app/src/css/TaskList.css
@@ -1,7 +1,6 @@
-.containerTaskList{
+.container{
     display: flex;
     flex-direction: column;
-    margin-bottom: 10px;
 }
 table{
     width: 100%;

From 0bc9296ae9cd6e36a8ecf47a600bc95815eefefd Mon Sep 17 00:00:00 2001
From: James Birnie <jkbirnie@gmail.com>
Date: Wed, 2 Apr 2025 12:13:30 -0700
Subject: [PATCH 3/3] Fixed spacing for tables

---
 frontend/react-app/src/components/TaskList.jsx  | 2 +-
 frontend/react-app/src/components/UserTable.jsx | 2 +-
 frontend/react-app/src/css/TaskList.css         | 3 ++-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/react-app/src/components/TaskList.jsx b/frontend/react-app/src/components/TaskList.jsx
index cf7b10c..36be7c0 100644
--- a/frontend/react-app/src/components/TaskList.jsx
+++ b/frontend/react-app/src/components/TaskList.jsx
@@ -47,7 +47,7 @@ function TaskList({dataToUse, headersAndAccessors}){
     const { getTableBodyProps, getTableProps, rows, prepareRow, headerGroups} = useTable({columns,data: filteredData}, useSortBy)
     return(
         
-        <div className='container'>
+        <div className='containerTaskList'>
             <div className='Selector-Search'>
                 <select name="searchThis" id="searchThis" className='selector' onChange={changeSearch}>
                     {headersAndAccessors.map((headerAndAccessor) =>(
diff --git a/frontend/react-app/src/components/UserTable.jsx b/frontend/react-app/src/components/UserTable.jsx
index 43a99de..9fa5ba6 100644
--- a/frontend/react-app/src/components/UserTable.jsx
+++ b/frontend/react-app/src/components/UserTable.jsx
@@ -210,7 +210,7 @@ function UserTable({teams}){
     const { getTableBodyProps, getTableProps, rows, prepareRow, headerGroups} = useTable({columns,data: data}, useSortBy)
     return(
         
-        <div className='container'>
+        <div className='containerTaskList'>
             <select name="searchThis" id="searchThis" onChange={changeSearch}>
                     {teams.map((team)=>(
                         <option value={team.teamId}>{team.teamName}</option>
diff --git a/frontend/react-app/src/css/TaskList.css b/frontend/react-app/src/css/TaskList.css
index 580af38..9430f6d 100644
--- a/frontend/react-app/src/css/TaskList.css
+++ b/frontend/react-app/src/css/TaskList.css
@@ -1,6 +1,7 @@
-.container{
+.containerTaskList{
     display: flex;
     flex-direction: column;
+    margin-bottom: 40px;
 }
 table{
     width: 100%;