From 8321b67baff616bd1109d1206f864e2b633265b0 Mon Sep 17 00:00:00 2001
From: ajdj100 <ajairplane@gmail.com>
Date: Fri, 28 Nov 2025 15:14:23 -0500
Subject: [PATCH] Modified header to address pass/fail confusions

---
 .../trainingReport/trainingReportForm.vue     | 31 ++++++++++++++-----
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/ui/src/components/trainingReport/trainingReportForm.vue b/ui/src/components/trainingReport/trainingReportForm.vue
index cad4817..5e4d02f 100644
--- a/ui/src/components/trainingReport/trainingReportForm.vue
+++ b/ui/src/components/trainingReport/trainingReportForm.vue
@@ -134,14 +134,29 @@ onMounted(async () => {
                 <FieldGroup class="gap-4">
 
                     <!-- Column Headers -->
-                    <div
-                        class="grid grid-cols-[180px_155px_65px_41px_1fr_auto] gap-3 font-medium text-sm text-muted-foreground">
-                        <div>Member</div>
-                        <div>Role</div>
-                        <div>Bookwork</div>
-                        <div>Qual</div>
-                        <div>Remarks</div>
-                        <div></div> <!-- empty for remove button -->
+                    <div class="relative">
+                        <div
+                            class="grid grid-cols-[180px_155px_65px_41px_1fr_auto] gap-3 font-medium text-sm text-muted-foreground">
+
+                            <div>Member</div>
+                            <div>Role</div>
+
+                            <!-- Bookwork -->
+                            <div class="text-center">Bookwork</div>
+
+                            <!-- Qual -->
+                            <div class="text-center">Qual</div>
+
+                            <div>Remarks</div>
+                            <div></div> <!-- empty for remove button -->
+                        </div>
+
+                        <!-- FLOATING SUPERHEADER -->
+                        <div class="absolute left-[calc(180px+155px+65px/2)] -top-5 
+           w-[106px] text-center text-xs font-medium text-muted-foreground 
+           pointer-events-none">
+                            ─── Pass ────
+                        </div>
                     </div>