Run linter/formatter to appease the CI system

Author: aaronbrethorst

src/components/navigation/ModalPane.svelte

@@ -33,7 +33,7 @@
 <style lang="postcss">
 	.modal-pane {
 		@apply absolute bottom-0 left-0 z-40 w-full bg-transparent px-2 shadow-lg md:max-w-prose;
-		@apply rounded-lg bg-[#F3F2F8] dark:bg-black border-b-[1px] border-[#C6C6C8] dark:border-[1px] dark:border-[#C6C6C8] dark:border-opacity-15;
+		@apply rounded-lg border-b-[1px] border-[#C6C6C8] bg-[#F3F2F8] dark:border-[1px] dark:border-[#C6C6C8] dark:border-opacity-15 dark:bg-black;
 	}
 
 	.close-button {

src/components/oba/StopPane.svelte

@@ -140,7 +140,7 @@
 				</button>
 			</div>
 			<div
-				class="flex items-center justify-between rounded-lg bg-[#ffffff] p-4 hover:bg-[#e3e3e3]  dark:bg-[#1c1c1c] hover:dark:bg-[#363636]"
+				class="flex items-center justify-between rounded-lg bg-[#ffffff] p-4 hover:bg-[#e3e3e3] dark:bg-[#1c1c1c] hover:dark:bg-[#363636]"
 			>
 				<div>
 					<h2 class="text-lg font-semibold text-black dark:text-white">
@@ -180,7 +180,7 @@
 	}
 	.trip-details-modal {
 		@apply absolute bottom-0 left-0 z-40 h-full w-full overflow-y-scroll rounded-lg bg-white px-2 shadow-lg md:max-w-prose;
-		@apply rounded-lg border-b-[1px] border-[#C6C6C8] dark:border-[1px] dark:border-[#C6C6C8] dark:border-opacity-15 bg-white p-4 shadow-lg dark:bg-black;
+		@apply rounded-lg border-b-[1px] border-[#C6C6C8] bg-white p-4 shadow-lg dark:border-[1px] dark:border-[#C6C6C8] dark:border-opacity-15 dark:bg-black;
 	}
 	.close-button {
 		@apply flex items-center gap-2 rounded px-4 py-2;

src/components/oba/TripDetailsPane.svelte

@@ -111,11 +111,17 @@
 								class="bg-white text-3xl text-green-500 dark:bg-black"
 							/>
 							{#if index === busPosition}
-                                <FontAwesomeIcon icon={faBus} class="bg-white dark:bg-black absolute text-sm text-green-500" />
-                            {/if}
-                            {#if index === currentStopIndex}
-                                <FontAwesomeIcon icon={faLocationDot} class="bg-white dark:bg-black absolute text-sm text-blue-500" />
-                            {/if}
+								<FontAwesomeIcon
+									icon={faBus}
+									class="absolute bg-white text-sm text-green-500 dark:bg-black"
+								/>
+							{/if}
+							{#if index === currentStopIndex}
+								<FontAwesomeIcon
+									icon={faLocationDot}
+									class="absolute bg-white text-sm text-blue-500 dark:bg-black"
+								/>
+							{/if}
 						</div>
 						<div class="ml-4 flex w-full items-center justify-between">
 							<div class="text-md font-semibold text-[#000000] dark:text-white">

src/lib/RestAPI/arrivalsAndDeparturesForStop.js

@@ -3,7 +3,7 @@ import { error, json } from '@sveltejs/kit';
 import { PUBLIC_OBA_SERVER_URL as baseURL } from '$env/static/public';
 import { PRIVATE_OBA_API_KEY as apiKey } from '$env/static/private';
 
-export default async function(stopID) {
+export default async function (stopID) {
 	const apiURL = `${baseURL}/api/where/arrivals-and-departures-for-stop/${stopID}.json?key=${apiKey}`;
 	const response = await fetch(apiURL);
 

src/lib/RestAPI/stop.js

@@ -3,7 +3,7 @@ import { error, json } from '@sveltejs/kit';
 import { PUBLIC_OBA_SERVER_URL as baseURL } from '$env/static/public';
 import { PRIVATE_OBA_API_KEY as apiKey } from '$env/static/private';
 
-export default async function(stopID) {
+export default async function (stopID) {
 	const apiURL = `${baseURL}/api/where/stop/${stopID}.json?key=${apiKey}`;
 	const response = await fetch(apiURL);
 

src/routes/stops/[stopID]/+page.server.js

@@ -2,15 +2,15 @@ import stopAPI from '$lib/RestAPI/stop.js';
 import arrivalDepartureAPI from '$lib/RestAPI/arrivalsAndDeparturesForStop.js';
 
 export async function load({ params }) {
-  const stopID = params.stopID;
-  const stopResponse = await stopAPI(stopID);
-  const stopBody = await stopResponse.json();
-  const arrivalsAndDeparturesResponse = await arrivalDepartureAPI(stopID)
-  const arrivalsAndDeparturesResponseJSON = await arrivalsAndDeparturesResponse.json();
+	const stopID = params.stopID;
+	const stopResponse = await stopAPI(stopID);
+	const stopBody = await stopResponse.json();
+	const arrivalsAndDeparturesResponse = await arrivalDepartureAPI(stopID);
+	const arrivalsAndDeparturesResponseJSON = await arrivalsAndDeparturesResponse.json();
 
-  return {
-    stopID: params.stopID,
-    stopData: stopBody.data,
-    arrivalsAndDeparturesResponse: arrivalsAndDeparturesResponseJSON
-  }
+	return {
+		stopID: params.stopID,
+		stopData: stopBody.data,
+		arrivalsAndDeparturesResponse: arrivalsAndDeparturesResponseJSON
+	};
 }

src/routes/stops/[stopID]/+page.svelte

@@ -5,6 +5,6 @@
 	const arrivalsAndDeparturesResponse = data.arrivalsAndDeparturesResponse;
 </script>
 
-<div class='pt-20 px-8 max-w-5xl mx-auto'>
+<div class="mx-auto max-w-5xl px-8 pt-20">
 	<StopPane {stop} {arrivalsAndDeparturesResponse} />
 </div>