From 9ad6dbe5ac504cbc8f8d41412333c6b5116c4625 Mon Sep 17 00:00:00 2001
From: Laura Whitaker <laura.whitaker@temporal.io>
Date: Thu, 19 Sep 2024 10:41:24 -0700
Subject: [PATCH 1/3] Update Combobox Label spacing to match Select

---
 src/lib/holocene/combobox/combobox.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/holocene/combobox/combobox.svelte b/src/lib/holocene/combobox/combobox.svelte
index ad0e0fd23..6e22e4daf 100644
--- a/src/lib/holocene/combobox/combobox.svelte
+++ b/src/lib/holocene/combobox/combobox.svelte
@@ -255,7 +255,7 @@
 </script>
 
 <MenuContainer {open} on:close={handleMenuClose}>
-  <Label hidden={labelHidden} {required} {label} for={id} />
+  <Label class="pb-1" hidden={labelHidden} {required} {label} for={id} />
   <div class="combobox-wrapper" class:disabled class:invalid={!valid}>
     {#if leadingIcon}
       <Icon width={20} height={20} class="ml-2 shrink-0" name={leadingIcon} />

From e49724e2015f54cb4fbf66a60b879ad233ce02d9 Mon Sep 17 00:00:00 2001
From: Laura Whitaker <laura.whitaker@temporal.io>
Date: Thu, 19 Sep 2024 14:54:14 -0700
Subject: [PATCH 2/3] Update Label spacing on Holocene components to match
 Select and Input

---
 src/lib/holocene/input/chip-input.svelte              | 9 ++++++++-
 src/lib/holocene/orderable-list/orderable-list.svelte | 2 +-
 src/lib/holocene/textarea.svelte                      | 6 +++---
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/lib/holocene/input/chip-input.svelte b/src/lib/holocene/input/chip-input.svelte
index afd51152d..846f51cc6 100644
--- a/src/lib/holocene/input/chip-input.svelte
+++ b/src/lib/holocene/input/chip-input.svelte
@@ -95,7 +95,14 @@
 </script>
 
 <div class={merge(disabled && 'cursor-not-allowed', className)}>
-  <Label {required} {label} {disabled} hidden={labelHidden} for={id} />
+  <Label
+    class="pb-1"
+    {required}
+    {label}
+    {disabled}
+    hidden={labelHidden}
+    for={id}
+  />
   <div
     bind:this={inputContainer}
     class={merge(
diff --git a/src/lib/holocene/orderable-list/orderable-list.svelte b/src/lib/holocene/orderable-list/orderable-list.svelte
index 93ac3db9e..eb5618a1f 100644
--- a/src/lib/holocene/orderable-list/orderable-list.svelte
+++ b/src/lib/holocene/orderable-list/orderable-list.svelte
@@ -15,7 +15,7 @@
 
 <style lang="postcss">
   .orderable-section {
-    @apply flex flex-col gap-2;
+    @apply flex flex-col gap-1;
   }
 
   .orderable-list {
diff --git a/src/lib/holocene/textarea.svelte b/src/lib/holocene/textarea.svelte
index 6ed1a226d..4e2f24474 100644
--- a/src/lib/holocene/textarea.svelte
+++ b/src/lib/holocene/textarea.svelte
@@ -39,10 +39,10 @@
   export { className as class };
 </script>
 
-<div class={merge('group', className)}>
+<div class={merge('group flex flex-col gap-1', className)}>
   <Label {required} hidden={labelHidden} {label} for={id} />
   {#if description}
-    <p class="pb-2 text-sm">{description}</p>
+    <p class="-mt-1 text-sm">{description}</p>
   {/if}
   <div
     class={merge(
@@ -70,7 +70,7 @@
       maxlength={maxLength > 0 ? maxLength : undefined}
     />
   </div>
-  <div class="mt-2 flex justify-between gap-2">
+  <div class="flex justify-between gap-2">
     <div
       class="error-msg"
       class:min-width={maxLength}

From a1434a58915b9a67b1fce9b89c14e786786c855f Mon Sep 17 00:00:00 2001
From: Laura Whitaker <laura.whitaker@temporal.io>
Date: Thu, 19 Sep 2024 14:55:19 -0700
Subject: [PATCH 3/3] Update Label spacing on custom components

---
 src/lib/components/schedule/schedule-input-payload.svelte | 2 +-
 src/lib/pages/start-workflow.svelte                       | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/schedule/schedule-input-payload.svelte b/src/lib/components/schedule/schedule-input-payload.svelte
index d0a7a7b00..4797a08d5 100644
--- a/src/lib/components/schedule/schedule-input-payload.svelte
+++ b/src/lib/components/schedule/schedule-input-payload.svelte
@@ -20,7 +20,7 @@
   };
 </script>
 
-<div class="flex flex-col gap-4">
+<div class="flex flex-col gap-1">
   <Label for="schedule-input" label={translate('workflows.input')} />
   <PayloadDecoder
     value={payloads}
diff --git a/src/lib/pages/start-workflow.svelte b/src/lib/pages/start-workflow.svelte
index 39cf33cfb..ff2dd73d0 100644
--- a/src/lib/pages/start-workflow.svelte
+++ b/src/lib/pages/start-workflow.svelte
@@ -223,7 +223,7 @@
       class="flex w-full flex-col items-end justify-between gap-4 md:flex-row"
     >
       {#if initialInput}
-        <div class="flex w-full flex-col gap-2 md:w-1/2">
+        <div class="flex w-full flex-col gap-1 md:w-1/2">
           <Label
             class="text-subtle"
             for="workflow-example-input"
@@ -237,7 +237,7 @@
           />
         </div>
       {/if}
-      <div class="flex w-full flex-col gap-2 {initialInput && 'md:w-1/2'}">
+      <div class="flex w-full flex-col gap-1 {initialInput && 'md:w-1/2'}">
         <div class="flex w-full items-end justify-between">
           <Label for="workflow-input" label={translate('workflows.input')} />
           <FileInput id="start-workflow-input-file-upload" {onUpload} />