From 4203a3df41d658aab2f3f804b02be3c9811351d3 Mon Sep 17 00:00:00 2001
From: Elijah <elijah.kuntz@gmail.com>
Date: Fri, 10 Jul 2026 16:22:23 -0700
Subject: [PATCH] Update progress badge layout in SharedGroupViewer

---
 .../[type]/[token]/SharedGroupViewer.tsx         | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/app/shared/[classSlug]/[type]/[token]/SharedGroupViewer.tsx b/src/app/shared/[classSlug]/[type]/[token]/SharedGroupViewer.tsx
index f0e11fb..a43e032 100644
--- a/src/app/shared/[classSlug]/[type]/[token]/SharedGroupViewer.tsx
+++ b/src/app/shared/[classSlug]/[type]/[token]/SharedGroupViewer.tsx
@@ -84,14 +84,14 @@ export function SharedGroupViewer({ data }: { data: any }) {
                 </div>
               </div>
               
-              <div className="flex items-center gap-3 mt-auto pl-1">
-                {progressMap[item.id] ? (
-                  <span className="inline-flex items-center gap-1 px-2.5 py-1 rounded-full bg-primary/10 text-primary text-xs font-medium font-bold">
-                    {progressMap[item.id].currentIndex} / {progressMap[item.id].total} {data.type === "DECK" ? "cards" : "questions"}
-                  </span>
-                ) : (
-                  <span className="inline-flex items-center gap-1 px-2.5 py-1 rounded-full bg-badge-bg text-badge-text text-xs font-medium">
-                    {data.type === "DECK" ? `${item.cards?.length || 0} cards` : `${item.questions?.length || 0} questions`}
+              <div className="flex items-center justify-between gap-3 mt-auto px-1">
+                <span className="inline-flex items-center gap-1 px-2.5 py-1 rounded-full bg-badge-bg text-badge-text text-xs font-medium">
+                  {data.type === "DECK" ? `${item.cards?.length || 0} cards` : `${item.questions?.length || 0} questions`}
+                </span>
+                
+                {progressMap[item.id] && (
+                  <span className="inline-flex items-center gap-1 px-2.5 py-1 rounded-full bg-primary/10 text-primary text-xs font-bold">
+                    In Progress: {progressMap[item.id].currentIndex} / {progressMap[item.id].total}
                   </span>
                 )}
               </div>