From de46582291364997222d6bfd9d37361df0cd1461 Mon Sep 17 00:00:00 2001
From: Blake Niemyjski <bniemyjski@gmail.com>
Date: Sun, 23 Feb 2025 11:23:04 -0600
Subject: [PATCH] next: made the filtering controls bigger

---
 .../faceted-filter/faceted-filter-badge-value.svelte        | 4 ++--
 .../faceted-filter/faceted-filter-badge-values.svelte       | 6 +++---
 .../components/faceted-filter/faceted-filter-boolean.svelte | 4 ++--
 .../components/faceted-filter/faceted-filter-builder.svelte | 2 +-
 .../faceted-filter/faceted-filter-drop-down.svelte          | 4 ++--
 .../components/faceted-filter/faceted-filter-keyword.svelte | 4 ++--
 .../faceted-filter/faceted-filter-multi-select.svelte       | 4 ++--
 .../components/faceted-filter/faceted-filter-number.svelte  | 4 ++--
 .../components/faceted-filter/faceted-filter-string.svelte  | 4 ++--
 9 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-badge-value.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-badge-value.svelte
index 8cde30cf1..2a7f1da97 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-badge-value.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-badge-value.svelte
@@ -10,11 +10,11 @@
     let { children }: Props = $props();
 </script>
 
-<Badge class="rounded-sm px-1 font-normal lg:hidden" variant="secondary">
+<Badge class="rounded-sm py-1.5 font-normal lg:hidden" variant="secondary">
     <span class="max-w-24 truncate md:max-w-48">{@render children()}</span>
 </Badge>
 <div class="hidden space-x-1 lg:flex">
-    <Badge class="rounded-sm px-1 font-normal" variant="secondary">
+    <Badge class="rounded-sm py-1.5 font-normal" variant="secondary">
         <span class="max-w-60 truncate md:max-w-120">{@render children()}</span>
     </Badge>
 </div>
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-badge-values.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-badge-values.svelte
index f4a4affd0..73ede9470 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-badge-values.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-badge-values.svelte
@@ -12,17 +12,17 @@
 </script>
 
 {#if values.length > 0}
-    <Badge class="rounded-sm px-1 font-normal lg:hidden" variant="secondary">
+    <Badge class="rounded-sm py-1.5 font-normal lg:hidden" variant="secondary">
         {values.length}
     </Badge>
     <div class="hidden space-x-1 lg:flex">
         {#if values.length > 2}
-            <Badge class="rounded-sm px-1 font-normal" variant="secondary">
+            <Badge class="rounded-sm py-1.5  font-normal" variant="secondary">
                 {values.length} Selected
             </Badge>
         {:else}
             {#each values as value (value)}
-                <Badge class="rounded-sm px-1 font-normal" variant="secondary">
+                <Badge class="rounded-sm py-1.5 font-normal" variant="secondary">
                     <span class="max-w-24 truncate md:max-w-48">{@render displayValue(value)}</span>
                 </Badge>
             {/each}
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-boolean.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-boolean.svelte
index f188ab716..cac145519 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-boolean.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-boolean.svelte
@@ -36,9 +36,9 @@
 <Popover.Root bind:open>
     <Popover.Trigger>
         {#snippet children()}
-            <Button class="h-8" size="sm" variant="outline">
+            <Button class="gap-x-1 px-3" size="lg" variant="outline">
                 {title}
-                <Separator class="mx-2 h-4" orientation="vertical" />
+                <Separator class="mx-2" orientation="vertical" />
                 {#if value}
                     <FacetedFilter.BadgeValue>{value}</FacetedFilter.BadgeValue>
                 {:else}
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-builder.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-builder.svelte
index 05f3a1292..1269010a8 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-builder.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-builder.svelte
@@ -96,7 +96,7 @@
 <Popover.Root bind:open>
     <Popover.Trigger>
         {#snippet children()}
-            <Button class="h-8" size="sm" variant="outline">
+            <Button class="gap-x-1 px-3" size="lg" variant="outline">
                 <Circle class="mr-2 size-4" /> Filter
             </Button>
         {/snippet}
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-drop-down.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-drop-down.svelte
index 989422633..266048ed9 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-drop-down.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-drop-down.svelte
@@ -72,9 +72,9 @@
 <Popover.Root bind:open>
     <Popover.Trigger>
         {#snippet children()}
-            <Button class="h-8" size="sm" variant="outline">
+            <Button class="gap-x-1 px-3" size="lg" variant="outline">
                 {title}
-                <Separator class="mx-2 h-4" orientation="vertical" />
+                <Separator class="mx-2" orientation="vertical" />
                 {#if loading}
                     <FacetedFilter.BadgeLoading />
                 {:else if value !== undefined}
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-keyword.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-keyword.svelte
index 00815cd3e..f4bf66a70 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-keyword.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-keyword.svelte
@@ -36,9 +36,9 @@
 <Popover.Root bind:open>
     <Popover.Trigger>
         {#snippet children()}
-            <Button class="h-8" size="sm" variant="outline">
+            <Button class="gap-x-1 px-3" size="lg" variant="outline">
                 {title}
-                <Separator class="mx-2 h-4" orientation="vertical" />
+                <Separator class="mx-2" orientation="vertical" />
                 {#if value}
                     <FacetedFilter.BadgeValue>{value}</FacetedFilter.BadgeValue>
                 {:else}
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-multi-select.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-multi-select.svelte
index 67baf5a34..a5569a49f 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-multi-select.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-multi-select.svelte
@@ -71,9 +71,9 @@
 <Popover.Root bind:open>
     <Popover.Trigger>
         {#snippet children()}
-            <Button class="h-8" size="sm" variant="outline">
+            <Button class="gap-x-1 px-3" size="lg" variant="outline">
                 {title}
-                <Separator class="mx-2 h-4" orientation="vertical" />
+                <Separator class="mx-2" orientation="vertical" />
                 {#if loading}
                     <FacetedFilter.BadgeLoading />
                 {:else if values.length > 0}
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-number.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-number.svelte
index ab7753bb7..5fe9b3af8 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-number.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-number.svelte
@@ -36,9 +36,9 @@
 <Popover.Root bind:open>
     <Popover.Trigger>
         {#snippet children()}
-            <Button class="h-8" size="sm" variant="outline">
+            <Button class="gap-x-1 px-3" size="lg" variant="outline">
                 {title}
-                <Separator class="mx-2 h-4" orientation="vertical" />
+                <Separator class="mx-2" orientation="vertical" />
                 {#if value !== undefined && !isNaN(value)}
                     <FacetedFilter.BadgeValue>{value}</FacetedFilter.BadgeValue>
                 {:else}
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-string.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-string.svelte
index 170c22fa6..2a8d581c2 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-string.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-string.svelte
@@ -36,9 +36,9 @@
 <Popover.Root bind:open>
     <Popover.Trigger>
         {#snippet children()}
-            <Button class="h-8" size="sm" variant="outline">
+            <Button class="gap-x-1 px-3" size="lg" variant="outline">
                 {title}
-                <Separator class="mx-2 h-4" orientation="vertical" />
+                <Separator class="mx-2" orientation="vertical" />
                 {#if value?.trim()}
                     <FacetedFilter.BadgeValue>{value}</FacetedFilter.BadgeValue>
                 {:else}