Update ui and test table layout

Pulsar/WebApp/src/routes/+layout.svelte

@@ -1,10 +1,5 @@
 <script>
-  import Fuel from "$lib/Fuel.svelte";
-    import {
-        QueryClient,
-        QueryClientProvider,
-    } from "@sveltestack/svelte-query";
-    const queryClient = new QueryClient();
+    import Fuel from "$lib/Fuel.svelte";
 </script>
 
 <header>
@@ -17,20 +12,18 @@
     <Fuel />
 </header>
 
-<QueryClientProvider client={queryClient}>
-    <main>
-        <slot />
-    </main>
-</QueryClientProvider>
+<main>
+    <slot />
+</main>
 
 <style>
     :root {
         --background-color: #0d0302;
-        /* #290d00; */
         --header-color: #202225;
         --headings-color: #ffffff;
-        --font-color: #eeeeee;
-        --border-color: #141414;
+        --font-color-1: #cccccc;
+        --font-color-2: #000000;
+        --border-color: #5f3100;
         --line-color: #ffffff;
         --link-color: #d06527;
         --link-color-hover: #000000;
@@ -38,8 +31,9 @@
 
     :global(body) {
         background-color: var(--background-color);
-        color: var(--font-color);
-        font-family: "Open Sans", sans-serif;
+        color: var(--font-color-1);
+        font-family: "Eurostile", Helvetica, sans-serif;
+        letter-spacing: 0.05em;
         font-size: 1rem;
         box-sizing: border-box;
         margin: 0px;

Pulsar/WebApp/src/routes/+page.svelte

@@ -2,7 +2,7 @@
     import Status from "$lib/Status.svelte";
     import Ship from "$lib/Ship.svelte";
     import Debug from "$lib/Debug.svelte";
-    import MissionStack from "$lib/MissionStack.svelte"; 
+    import MissionStack from "$lib/MissionStack.svelte";
     import JournalLog from "$lib/JournalLog.svelte";
 </script>
 
@@ -13,36 +13,21 @@
     <div>
         <JournalLog />
     </div>
-    <div>
-        <!-- <Ship /> -->
-    </div>
-    <div>
-        <!-- <MissionStack /> -->
-    </div>
-    <!--<div>
-        <Debug />
-    </div>-->
 </section>
 
 <style>
     div {
-        border: 2px solid #d66325;
+        border: 2px solid var(--border-color);
     }
 
     section {
         display: flex;
         flex-wrap: wrap;
-        /* display: grid; */
-        /* grid-template-columns: repeat(auto-fit, minmax(600px, 1fr)); */
         gap: 20px;
-
-        /* display: flex; */
-        /* flex-direction: column; */
-        /* gap: 10px; */
     }
 
     div {
         flex: 50%;
-        padding: 5px;
+        max-width: 100%;
     }
 </style>