removed justify-between from topic tags container on TimetableTaskContent to look better when two small tags are next to each other on a tooltip

Author: Archer-Key

client/src/components/task_list.tsx

@@ -39,7 +39,7 @@ export function TaskList({
   if (items.length === 0) {
     return (
       <div>
-        <p className="text-center text-zinc-300">No tasks available.</p>
+        <p className="text-center text-slate-300">No tasks available.</p>
       </div>
     );
   }

client/src/components/timetable_task.tsx

@@ -192,14 +192,14 @@ function TimetableTaskContent({
       <h1 className="mb-1 text-2xl font-bold text-slate-200 hover:text-slate-100">
         {name}
       </h1>
-      <div className="text-lg font-medium">
+      <div className="time-tag-wrapper text-lg font-medium">
         <TimeTag
           start_time={start_time}
           end_time={end_time}
           display={time_display}
         />
       </div>
-      <div className="topic-tags mb-2 mt-2 flex flex-row flex-wrap justify-between gap-1">
+      <div className="topic-tags mb-2 mt-2 flex flex-row flex-wrap gap-1">
         {topics?.map((topic) => (
           <TopicTag
             key={topic.name}

client/src/pages/[id]/tasks.tsx

@@ -105,7 +105,7 @@ export default function TasksPage() {
 
   return (
     <div className="content-container min-w-screen flex h-[85vh] flex-row items-center justify-center bg-slate-950 p-3">
-      <div className="task-list-border h-full w-full rounded-lg bg-slate-800 p-3">
+      <div className="task-list-border h-full w-full rounded-lg bg-slate-900 p-3">
         <div className="task-list-container h-full w-full overflow-hidden">
           <div className="task-list-content flex h-full w-full flex-col items-center justify-center rounded-lg bg-slate-500 text-slate-200">
             <div className="task-list-top mb-3 h-[10%] w-full rounded-t-lg p-3">