Fixing dropdown margin and home icon.

src/lib/components/preferences/themes.svelte

@@ -11,8 +11,8 @@
   const themes = {
     '🌛 Night': { name: '🌛 Night' },
     '☀️ Daylight': { name: '☀️ Daylight' },
-    '🐺 Night Howl': { name: '🐺 Night Howl' },
-    '🧠 Night Mind': { name: '🧠 Night Mind' }
+    '🐺 Howl': { name: '🐺 Howl' },
+    '🧠 Mind': { name: '🧠 Mind' }
   };
 
   let selectedTheme = getTheme() ?? themes['🌛 Night'];
@@ -103,7 +103,8 @@
 
 <style>
   .listbox {
-    --width: 184px;
+    /* --width: 184px; */
+    margin: 0.5rem;
   }
   .listbox :global(.button) {
     width: var(--width);

src/lib/header/Header.svelte

@@ -7,7 +7,6 @@
   // import type { CarbonTheme } from "carbon-components-svelte/types/Theme/Theme.svelte";
   import { page } from '$app/stores';
   import Themes from '$lib/components/preferences/themes.svelte';
-  import Toggle from '$lib/components/toggle.svelte';
   import logo from './bored-game.png';
 
   // let theme: CarbonTheme = "white";
@@ -16,7 +15,7 @@
 <header>
   <div class="corner">
     <a href="/">
-      <img src={logo} alt="SvelteKit" />
+      <img src={logo} alt="Bored Game Home" />
     </a>
   </div>
 
@@ -32,9 +31,6 @@
 		persist
 		persistKey="__carbon-theme"
 	/> -->
-    <div>
-      <Toggle />
-    </div>
     <div><Themes /></div>
     <!-- <ul>
       <li class:active={$page.url.pathname === '/'}><a sveltekit:prefetch href="/">Home</a></li>