Updating the theme selector and made things look better on mobile

src/routes/pork/+page.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { RAW_COST, PROCESSED_COST } from "$lib/index";
   import type { MouseEventHandler } from "svelte/elements";
   let { data } = $props<{ data: { pork: Pork[] } }>();
   interface Pork {
@@ -17,10 +16,12 @@
   let selected = $state("Chop");
   const PRICE_PER_LB = 6;
 
-  function change_photo({ target: { id } }) {
+  const change_photo: MouseEventHandler<HTMLLIElement> = ({
+    currentTarget: { id },
+  }) => {
     console.log(id);
     selected = id;
-  }
+  };
 </script>
 
 <svelte:head>
@@ -106,9 +107,6 @@
             flex-basis: 50%;
             text-align: center;
             text-shadow: 3px 3px 3px var(--primary-7);
-            &.small {
-              flex-basis: 25%;
-            }
             &:first-child {
               text-align: left;
             }