quick commit

src/components/DepartureList/DepartureList.tsx

@@ -29,10 +29,9 @@ function parseTimetableData(data: DepartureType[]) {
     };
 }
 
-function departureTables(departures: DepartureType[], name: string) {
+function departureTables(departures: DepartureType[]) {
     return (
-        <div className={style.departureLists}>
-            <h2>{name} Departures</h2>
+        <div className={style.departureTable}>
             <table>
                 <tbody>
                     {departures.map((departure, index) => (
@@ -59,8 +58,11 @@ export default function DepartureList(props: {
 
     return (
         <div className={style.container}>
-            {departureTables(left, name)}
-            {departureTables(right, name)}
+            <h2>{name} Departures</h2>
+            <div className={style.departureLists}>
+            {departureTables(left)}
+            {departureTables(right)}
+        </div>
         </div>
     );
 }

src/components/DepartureList/style.module.css

@@ -1,5 +1,12 @@
 .container {
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
     align-items: center;
 }
+
+.departureLists {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    width: 100%;
+}