From 111a0d7a9dc834621b31c1d7b19cb3b33411e27d Mon Sep 17 00:00:00 2001
From: Laura Whitaker <laura.whitaker@temporal.io>
Date: Thu, 9 Jan 2025 11:41:24 -0700
Subject: [PATCH] Small holocene updates (#2492)

* Update margin and text color in Accordion

* Remove padding in ToggleSwitch
---
 src/lib/holocene/accordion/accordion.svelte | 12 ++++++++----
 src/lib/holocene/toggle-switch.svelte       |  2 +-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/lib/holocene/accordion/accordion.svelte b/src/lib/holocene/accordion/accordion.svelte
index eb23c9c17..8cc2295c1 100644
--- a/src/lib/holocene/accordion/accordion.svelte
+++ b/src/lib/holocene/accordion/accordion.svelte
@@ -59,9 +59,13 @@
         <h3 class="flex items-center gap-2">
           {#if icon}<Icon name={icon} />{/if}
           {title}
-          <slot name="summary" />
+          <span class="text-secondary">
+            <slot name="summary" />
+          </span>
         </h3>
-        <slot name="description" />
+        <span class="text-secondary">
+          <slot name="description" />
+        </span>
         <div
           class="flex flex-row items-center gap-2 pr-2"
           on:click|stopPropagation
@@ -75,7 +79,7 @@
           />
         </div>
       </div>
-      <p class="flex items-center">
+      <p class="flex items-center text-secondary">
         {#if error}
           <Badge class="mr-2" type="danger">{error}</Badge>
         {/if}
@@ -87,7 +91,7 @@
       id="{id}-content"
       aria-labelledby="{id}-trigger"
       role="textbox"
-      class="mt-6 block w-full p-2"
+      class="mt-4 block w-full p-2"
       class:hidden={!open}
     >
       <slot />
diff --git a/src/lib/holocene/toggle-switch.svelte b/src/lib/holocene/toggle-switch.svelte
index 9c964c509..71a3e1dcc 100644
--- a/src/lib/holocene/toggle-switch.svelte
+++ b/src/lib/holocene/toggle-switch.svelte
@@ -14,7 +14,7 @@
 
 <Label
   class={merge(
-    'group relative flex w-fit min-w-fit rounded px-2',
+    'group relative flex w-fit min-w-fit rounded',
     labelPosition === 'right' ? 'flex-row-reverse' : 'flex-row',
     disabled && 'opacity-50',
   )}