From 929376dd2df33c607c5fa22b2febfd59b63489f9 Mon Sep 17 00:00:00 2001
From: Minh Vu <minh@biocommons.org.au>
Date: Wed, 15 Jul 2026 15:42:16 +1000
Subject: [PATCH] style: update theme page workflow cards

---
 .../layout/theme-layout/theme-layout.component.html       | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/features/themes/layout/theme-layout/theme-layout.component.html b/src/app/features/themes/layout/theme-layout/theme-layout.component.html
index e559d08..2ef496d 100644
--- a/src/app/features/themes/layout/theme-layout/theme-layout.component.html
+++ b/src/app/features/themes/layout/theme-layout/theme-layout.component.html
@@ -32,7 +32,7 @@ <h3 class="text-lg font-semibold">{{ workflow.label }}</h3>
                 @for (tool of workflow.tools; track tool.id) {
                 <li>
                   <span
-                    class="inline-flex items-center px-3 py-1 text-xs font-mono font-semibold border rounded-full"
+                    class="inline-flex items-center px-2 py-1 text-xs font-mono font-semibold border rounded-full"
                     [class]="
                       tool.disabled
                         ? 'bg-gray-100 text-gray-400 border-gray-400'
@@ -51,10 +51,10 @@ <h3 class="text-lg font-semibold">{{ workflow.label }}</h3>
             }
 
             <div
-              class="flex justify-start items-center gap-1 text-sm font-semibold text-biocommons-primary transition-colors group-hover:text-sky-700"
+              class="flex justify-start items-center gap-1 text-sm font-semibold text-sky-600 transition-colors group-hover:text-sky-700"
             >
-              Launch workflow
-              <ng-icon name="heroChevronRight" size="16" />
+              View workflow
+              <ng-icon name="heroChevronRight" size="12" class="mt-0.5" />
             </div>
           </a>
           }