From 18e48243b369cad7f6b1cc63c88236e52e099c53 Mon Sep 17 00:00:00 2001
From: Z8MB1E <jason@onyxsimple.com>
Date: Fri, 28 Aug 2026 19:18:22 -0400
Subject: [PATCH] style(commendation): update commendation card styles for
 improved layout

---
 src/app/(frontend)/styles.css                 | 6 ++++++
 src/components/frontend/account/AwardCard.tsx | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/app/(frontend)/styles.css b/src/app/(frontend)/styles.css
index a41ebf8..ef60743 100644
--- a/src/app/(frontend)/styles.css
+++ b/src/app/(frontend)/styles.css
@@ -434,6 +434,12 @@
     }
 }
 
+.commendation-card {
+    align-self: start;
+    gap: 0.5rem;
+    padding: 0.625rem 0.75rem;
+}
+
 /* Scrollbars — styled to match the dark frontend theme */
 * {
   scrollbar-width: thin;
diff --git a/src/components/frontend/account/AwardCard.tsx b/src/components/frontend/account/AwardCard.tsx
index 189d550..e2cf406 100644
--- a/src/components/frontend/account/AwardCard.tsx
+++ b/src/components/frontend/account/AwardCard.tsx
@@ -28,7 +28,7 @@ export default function AwardCard(props: { awardImage: Media | null; award: Awar
       size={isCommendation ? "sm" : "default"}
       className={cn("text-center", {
         "medal-card": props.award.type === "medal",
-        "commendation-card": isCommendation,
+        "commendation-card self-start h-fit": isCommendation,
       })}
       style={
         commendationColor