Racepicks: Center driver codes in guess table

src/lib/components/cards/RacePickCard.svelte

@@ -112,7 +112,7 @@
         input_variable={pxx_select_value}
         action={register_pxx_preview_handler}
         options={driver_select_options}
-        labelwidth="120px"
+        labelwidth="60px"
         disabled={disable_inputs}
       >
         P{currentrace?.pxx ?? "XX"}
@@ -123,7 +123,7 @@
         name="dnf"
         input_variable={dnf_select_value}
         options={driver_select_options}
-        labelwidth="120px"
+        labelwidth="60px"
         disabled={disable_inputs}
       >
         DNF

src/routes/racepicks/+page.svelte

@@ -384,10 +384,16 @@
           {#if pick}
             <div class="card mt-1 h-20 w-full bg-surface-300 p-1 lg:mt-2 lg:p-2">
               <div class="mx-auto flex h-full w-fit flex-col justify-evenly">
-                <span class="p-1 text-sm rounded-container-token" style="background: {pxxcolor};">
+                <span
+                  class="p-1 text-center text-sm rounded-container-token"
+                  style="background: {pxxcolor};"
+                >
                   {getdriver(pick?.pxx ?? "")?.code}
                 </span>
-                <span class="p-1 text-sm rounded-container-token" style="background: {dnfcolor};">
+                <span
+                  class="p-1 text-center text-sm rounded-container-token"
+                  style="background: {dnfcolor};"
+                >
                   {getdriver(pick?.dnf ?? "")?.code}
                 </span>
               </div>