Reformat

src/lib/navigation/loading.svelte

@@ -2,11 +2,7 @@
   import { fade } from 'svelte/transition';
 </script>
 
-<div
-  id="container"
-  in:fade={{ delay: 150, duration: 250 }}
-  out:fade={{ duration: 250 }}
->
+<div id="container" in:fade={{ delay: 150, duration: 250 }} out:fade={{ duration: 250 }}>
   <div class="spinner" />
   <p>Loading...</p>
 </div>

src/lib/navigation/nav-ldb.svelte

@@ -11,11 +11,7 @@
 
 <footer>
   {#each links as item}
-    <a
-      class="footerLink"
-      href={item.path}
-      class:active={$page.url.pathname == item.path}
-    >
+    <a class="footerLink" href={item.path} class:active={$page.url.pathname == item.path}>
       <img src={item.svgPath} alt={item.title} />
       <br />
       <span>{item.title}</span>
@@ -26,11 +22,7 @@
       <picture>
         <source srcset="/images/nre/nre-powered_200w.jxl" type="image/jxl" />
         <source srcset="/images/nre/nre-powered_200w.webp" type="image/webp" />
-        <img
-          id="nre-logo"
-          src="/images/nre/nre-powered_200w.png"
-          alt="Data sourced from National Rail and others"
-        />
+        <img id="nre-logo" src="/images/nre/nre-powered_200w.png" alt="Data sourced from National Rail and others" />
       </picture>
     </a>
   </div>
@@ -76,11 +68,7 @@
   @media only screen and (min-width: 475px) {
     .data-source {
       background: rgb(255, 255, 255);
-      background: linear-gradient(
-        90deg,
-        rgba(255, 255, 255, 0) 0%,
-        rgba(255, 255, 255, 1) 40%
-      );
+      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%);
     }
     #nre-logo {
       position: absolute;