Merge branch 'advance-screens'

src/lib/components/ShipEdit/Structure/Screens.svelte

@@ -5,7 +5,12 @@
     </Field>
 
     <Field label="advanced screens">
-      <input class="short" type="number" bind:value={advanced} min="0" />
+      <input
+        class="short advanced"
+        type="number"
+        bind:value={advanced}
+        min="0"
+      />
     </Field>
   </div>
 </ShipItem>
@@ -35,4 +40,8 @@
     gap: 2em;
     align-items: baseline;
   }
+  .advanced {
+    min-width: 8em;
+    text-align: center;
+  }
 </style>

src/routes/+layout.svelte

@@ -5,10 +5,10 @@
 <script>
   import { setContext } from "svelte";
 
-  import { createApi } from "$lib/store/api.js";
+  import { createApi } from "$lib/store/api.ts";
   import uids from "$lib/store/uids.js";
   import Layout from "$lib/components/MainLayout.svelte";
 
   setContext("api", createApi());
-  setContext("genUid", uids());
+  setContext("genUid", uids().genUid);
 </script>