From ca0030f611c30381f3a602757066a0f856df61d8 Mon Sep 17 00:00:00 2001
From: Andrew Michael McNutt <mcnutt.andrew@gmail.com>
Date: Wed, 18 Sep 2024 19:35:28 -0600
Subject: [PATCH] .

---
 apps/color-buddy/src/content-modules/Manage.svelte  |  4 ++--
 apps/color-buddy/src/example/ExampleAlaCarte.svelte | 13 +++++++------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/apps/color-buddy/src/content-modules/Manage.svelte b/apps/color-buddy/src/content-modules/Manage.svelte
index 333e254..95edba6 100644
--- a/apps/color-buddy/src/content-modules/Manage.svelte
+++ b/apps/color-buddy/src/content-modules/Manage.svelte
@@ -117,7 +117,7 @@
         .filter((x) => pal.folder !== x)
         .map((x) => {
           return {
-            name: `Move to ${x || "root"}`,
+            name: `Move to ${x || "Home"}`,
             action: () => {
               const newPals = [...$colorStore.palettes];
               newPals[paletteIdx] = { ...pal, folder: x };
@@ -179,7 +179,7 @@
                   name: folder,
                 })}
             >
-              {folder.length ? `${folder}` : "root"}
+              {folder.length ? `${folder}` : "Home"}
             </button>
             {#if folder !== ""}
               <div class="px-1">
diff --git a/apps/color-buddy/src/example/ExampleAlaCarte.svelte b/apps/color-buddy/src/example/ExampleAlaCarte.svelte
index fbf2b23..4d2335b 100644
--- a/apps/color-buddy/src/example/ExampleAlaCarte.svelte
+++ b/apps/color-buddy/src/example/ExampleAlaCarte.svelte
@@ -6,7 +6,7 @@
   import Vega from "./Vega.svelte";
   import Swatches from "./Swatches.svelte";
   import Tooltip from "../components/Tooltip.svelte";
-  import { buttonStyle } from "../lib/styles";
+  import { buttonStyle, simpleTooltipRowStyle } from "../lib/styles";
   export let exampleIdx: number;
   export let setExampleIdx: (idx: number) => void;
   export let paletteIdx: number | "tempPal";
@@ -21,10 +21,11 @@
 </script>
 
 <div class="flex flex-col">
-  <Tooltip>
-    <div slot="content" class="max-w-md">
+  <div class="text-sm">Thumbnail</div>
+  <Tooltip bg="bg-white">
+    <div slot="content" class="max-w-md flex flex-col">
       <button
-        class={buttonStyle}
+        class={simpleTooltipRowStyle}
         on:click={() => {
           setExampleIdx(-1);
         }}
@@ -33,7 +34,7 @@
       </button>
       {#each $exampleStore.examples as example, idx}
         <button
-          class={buttonStyle}
+          class={simpleTooltipRowStyle}
           on:click={() => {
             setExampleIdx(idx);
           }}
@@ -48,7 +49,7 @@
       class={`${buttonStyle} pl-0`}
       on:click={toggle}
     >
-      Change example: {example?.name || "Swatches"}
+      {example?.name || "Swatches"}
     </button>
   </Tooltip>
 </div>