From 759086f7c53b0d00980fe445afe2fa58a977e861 Mon Sep 17 00:00:00 2001
From: Joe Arndt <jmarndt@users.noreply.github.com>
Date: Wed, 25 Feb 2026 16:19:59 -0600
Subject: [PATCH] basic card content formatting

---
 .../categories/categories.component.html       | 18 ++++++++++++------
 .../categories/categories.component.scss       |  6 ++++++
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/app/components/metadata/categories/categories.component.html b/src/app/components/metadata/categories/categories.component.html
index 3917051..d791af4 100644
--- a/src/app/components/metadata/categories/categories.component.html
+++ b/src/app/components/metadata/categories/categories.component.html
@@ -5,12 +5,18 @@
     </mat-card-header>
 
     <mat-card-content>
-      @for (category of categories(); track category.id) {
-        {{ category.name }}
-      }
-      @if (!categories().length) {
-        No categories to display
-      }
+      <div class="category-list">
+        @for (category of categories(); track category.id) {
+          <div>
+            {{ category.name }}
+          </div>
+        }
+        @if (!categories().length) {
+          <div>
+            No categories to display
+          </div>
+        }
+      </div>
     </mat-card-content>
   </mat-card>
 </div>
diff --git a/src/app/components/metadata/categories/categories.component.scss b/src/app/components/metadata/categories/categories.component.scss
index 7faa374..910b9bc 100644
--- a/src/app/components/metadata/categories/categories.component.scss
+++ b/src/app/components/metadata/categories/categories.component.scss
@@ -11,3 +11,9 @@
     width: 100%;
   }
 }
+
+.category-list {
+  padding-top: 1rem;
+  display: grid;
+  gap: 0.5rem;
+}