Fixed clickable filters not showing a cursor.

Author: niemyjski

src/Exceptionless.Web/ClientApp/src/lib/features/events/components/views/Request.svelte

@@ -82,8 +82,13 @@
                 <Table.Head class="w-40 whitespace-nowrap">Referrer</Table.Head>
                 <Table.Cell class="w-4 pr-0"></Table.Cell>
                 <Table.Cell class="flex items-center gap-x-1"
-                    >{request.referrer}<a class="link" href={request.referrer} rel="noopener noreferrer" target="_blank" title="Open in new window"
-                        ><IconOpenInNew /></a
+                    >{request.referrer}<Button
+                        href={request.referrer}
+                        rel="noopener noreferrer"
+                        size="icon"
+                        target="_blank"
+                        title="Open in new window"
+                        variant="outline"><IconOpenInNew /></Button
                     ></Table.Cell
                 >
             </Table.Row>

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/filters/ClickableBooleanFilter.svelte

@@ -14,7 +14,7 @@
     const title = `Search ${term}:${value}`;
 </script>
 
-<A onclick={() => changed(new BooleanFilter(term, value))} {title} {...props}>
+<A class="cursor-pointer" onclick={() => changed(new BooleanFilter(term, value))} {title} {...props}>
     {#snippet children()}
         <IconFilter class="text-muted-foreground text-opacity-50 hover:text-primary" />
     {/snippet}

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/filters/ClickableDateFilter.svelte

@@ -14,7 +14,7 @@
     const title = `Search ${term}:${value}`;
 </script>
 
-<A onclick={() => changed(new DateFilter(term, value))} {title} {...props}>
+<A class="cursor-pointer" onclick={() => changed(new DateFilter(term, value))} {title} {...props}>
     {#snippet children()}
         <IconFilter class="text-muted-foreground text-opacity-50 hover:text-primary" />
     {/snippet}

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/filters/ClickableNumberFilter.svelte

@@ -14,7 +14,7 @@
     const title = `Search ${term}:${value}`;
 </script>
 
-<A onclick={() => changed(new NumberFilter(term, value))} {title} {...props}>
+<A class="cursor-pointer" onclick={() => changed(new NumberFilter(term, value))} {title} {...props}>
     {#snippet children()}
         <IconFilter class="text-muted-foreground text-opacity-50 hover:text-primary" />
     {/snippet}

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/filters/ClickableOrganizationFilter.svelte

@@ -13,7 +13,7 @@
     const title = `Search organization:${value}`;
 </script>
 
-<A onclick={() => changed(new OrganizationFilter(value))} {title} {...props}>
+<A class="cursor-pointer" onclick={() => changed(new OrganizationFilter(value))} {title} {...props}>
     {#snippet children()}
         <IconFilter class="text-muted-foreground text-opacity-50 hover:text-primary" />
     {/snippet}

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/filters/ClickableProjectFilter.svelte

@@ -14,7 +14,7 @@
     const title = `Search project:${value}`;
 </script>
 
-<A onclick={() => changed(new ProjectFilter(organization, value))} {title} {...props}>
+<A class="cursor-pointer" onclick={() => changed(new ProjectFilter(organization, value))} {title} {...props}>
     {#snippet children()}
         <IconFilter class="text-muted-foreground text-opacity-50 hover:text-primary" />
     {/snippet}

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/filters/ClickableReferenceFilter.svelte

@@ -13,7 +13,7 @@
     const title = `Search reference:${value}`;
 </script>
 
-<A onclick={() => changed(new ReferenceFilter(value))} {title} {...props}>
+<A class="cursor-pointer" onclick={() => changed(new ReferenceFilter(value))} {title} {...props}>
     {#snippet children()}
         <IconFilter class="text-muted-foreground text-opacity-50 hover:text-primary" />
     {/snippet}

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/filters/ClickableSessionFilter.svelte

@@ -13,7 +13,7 @@
     const title = `Search ref.session:${value}`;
 </script>
 
-<A onclick={() => changed(new SessionFilter(value))} {title} {...props}>
+<A class="cursor-pointer" onclick={() => changed(new SessionFilter(value))} {title} {...props}>
     {#snippet children()}
         <IconFilter class="text-muted-foreground text-opacity-50 hover:text-primary" />
     {/snippet}

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/filters/ClickableStatusFilter.svelte

@@ -15,7 +15,7 @@
     const title = `Search status:${value}`;
 </script>
 
-<A onclick={() => changed(new StatusFilter(value))} {title} {...props}>
+<A class="cursor-pointer" onclick={() => changed(new StatusFilter(value))} {title} {...props}>
     {#snippet children()}
         <IconFilter class="text-muted-foreground text-opacity-50 hover:text-primary" />
     {/snippet}

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/filters/ClickableStringFilter.svelte

@@ -14,7 +14,7 @@
     const title = `Search ${term}:${value}`;
 </script>
 
-<A onclick={() => changed(new StringFilter(term, value ?? undefined))} {title} {...props}>
+<A class="cursor-pointer" onclick={() => changed(new StringFilter(term, value ?? undefined))} {title} {...props}>
     {#if children}
         {@render children()}
     {:else}