Added a scrollbar to the tasklist table and adjusted a couple of styles

Author: Osunadev

src/components/select-tasklist-button/select-tasklist-button.css

@@ -14,6 +14,7 @@
   border-radius: 3rem;
   padding-right: 1.5rem;
   border: solid black 1px;
+  font-family: FiraMono;
 }
 
 .selected {
@@ -24,6 +25,7 @@
 
 .select-tasklist-container:focus {
   outline-width: 0px;
+  text-decoration: underline;
 }
 
 .select-tasklist-button-id {
@@ -54,6 +56,7 @@
 
 .select-instruction-container:hover {
   cursor: pointer;
+  text-decoration: underline;
 }
 
 .selected-instruction {

src/components/tasklist-table/tasklist-table.css

@@ -4,8 +4,8 @@
   display: flex;
   flex-direction: column;
   border: 1px solid black;
-  margin-left: 10%;
-  margin-right: 10%;
+  max-height: 70vh;
+  overflow: auto;
 }
 
 .tasklist-table-no-tasks {

src/components/tasklist-table/tasklist-table.jsx

@@ -9,8 +9,6 @@ import TaskListTasks from '../tasklist-tasks/tasklist-tasks';
 class TaskListTable extends PureComponent {
   render() {
     const { taskList } = this.props;
-    console.log(taskList);
-
     return (
       <div id="taskListTable" className="table-container">
         <TaskListHeader title={taskList.title} date={taskList.date} />

src/utils/index.js

@@ -20,8 +20,6 @@ export const updateSelTasklist = (
   prevTaskListsLength,
   prevSelTaskList
 ) => {
-  console.log(taskListsLength, prevTaskListsLength, prevSelTaskList);
-
   // If a tasklist was only modified
   if (prevTaskListsLength === taskListsLength) return prevSelTaskList;