From c4d251e44f5b6314a7c220af9d8da751d95ea253 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Fri, 19 Dec 2025 01:13:45 -0800
Subject: [PATCH] artifact card and filter bar styling

---
 src/lib/components/collection/CollectionArtifactCard.svelte   | 3 ++-
 src/routes/(app)/[username]/collection/artifacts/+page.svelte | 3 +++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/collection/CollectionArtifactCard.svelte b/src/lib/components/collection/CollectionArtifactCard.svelte
index 1f07ae41..e0ef463e 100644
--- a/src/lib/components/collection/CollectionArtifactCard.svelte
+++ b/src/lib/components/collection/CollectionArtifactCard.svelte
@@ -58,7 +58,6 @@
 		flex-direction: column;
 		align-items: center;
 		gap: $unit-half;
-		width: 139px;
 		padding: 0;
 		border: none;
 		background: transparent;
@@ -77,6 +76,8 @@
 	}
 
 	.card-image {
+		display: flex;
+		justify-content: center;
 		position: relative;
 		width: 100%;
 		aspect-ratio: 1 / 1;
diff --git a/src/routes/(app)/[username]/collection/artifacts/+page.svelte b/src/routes/(app)/[username]/collection/artifacts/+page.svelte
index 4ae72868..88e23071 100644
--- a/src/routes/(app)/[username]/collection/artifacts/+page.svelte
+++ b/src/routes/(app)/[username]/collection/artifacts/+page.svelte
@@ -326,6 +326,9 @@
 		justify-content: space-between;
 		align-items: center;
 		gap: $unit-2x;
+		padding: $unit;
+		background: var(--placeholder-bg);
+		border-radius: $item-corner;
 	}
 
 	.filter-group {