From 7e3be5c583a72144373c9a019f19c4ceec965c74 Mon Sep 17 00:00:00 2001
From: Ross Edfort <rossedfort@gmail.com>
Date: Thu, 26 Sep 2024 14:14:30 -0600
Subject: [PATCH] clean up styles

---
 src/lib/holocene/combobox/combobox.svelte | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/lib/holocene/combobox/combobox.svelte b/src/lib/holocene/combobox/combobox.svelte
index cc5f00990..c1bc0c719 100644
--- a/src/lib/holocene/combobox/combobox.svelte
+++ b/src/lib/holocene/combobox/combobox.svelte
@@ -349,11 +349,7 @@
     {#if leadingIcon}
       <Icon width={20} height={20} class="ml-2 shrink-0" name={leadingIcon} />
     {/if}
-    <div
-      class="flex w-full flex-wrap items-center"
-      class:gap-2={multiselect}
-      class:py-1={multiselect}
-    >
+    <div class="input-wrapper" class:multiselect>
       {#if multiselect && isArrayValue(value) && value.length > 0}
         {#if displayChips}
           {#each value.slice(0, chipLimit) as v}
@@ -469,7 +465,7 @@
 
 <style lang="postcss">
   .combobox-wrapper {
-    @apply surface-primary flex w-full flex-row items-center gap-2 rounded-lg border-2 border-subtle text-sm dark:focus-within:surface-primary focus-within:border-interactive focus-within:outline-none focus-within:ring-4 focus-within:ring-primary/70;
+    @apply surface-primary flex w-full flex-row items-center rounded-lg border-2 border-subtle text-sm dark:focus-within:surface-primary focus-within:border-interactive focus-within:outline-none focus-within:ring-4 focus-within:ring-primary/70;
 
     &.invalid {
       @apply border-2 border-danger text-danger focus-within:ring-danger/70;
@@ -484,6 +480,14 @@
     @apply text-xs text-danger;
   }
 
+  .input-wrapper {
+    @apply ml-2 flex w-full flex-wrap items-center;
+
+    &.multiselect {
+      @apply gap-1 py-1;
+    }
+  }
+
   .combobox-input {
     @apply flex h-10 grow bg-transparent text-primary placeholder:text-secondary focus:outline-none;
   }