From 07155991aa4ec2d919d5a204da4c640556136173 Mon Sep 17 00:00:00 2001
From: Jonathan Allen <jallen@snow.edu>
Date: Thu, 19 Feb 2026 17:29:09 -0700
Subject: [PATCH] Fix rubric layout: points left, description right

Reorder rubric columns so points appear on the left and the description
is left-aligned on the right. Extra credit gets its own dedicated column.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../assignment/[assignmentName]/AssignmentPreview.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/app/course/[courseName]/modules/[moduleName]/assignment/[assignmentName]/AssignmentPreview.tsx b/src/app/course/[courseName]/modules/[moduleName]/assignment/[assignmentName]/AssignmentPreview.tsx
index 7c25fa1..16bb745 100644
--- a/src/app/course/[courseName]/modules/[moduleName]/assignment/[assignmentName]/AssignmentPreview.tsx
+++ b/src/app/course/[courseName]/modules/[moduleName]/assignment/[assignmentName]/AssignmentPreview.tsx
@@ -75,15 +75,14 @@ export default function AssignmentPreview({
         {extraPoints !== 0 && (
           <h5 className="text-center">{extraPoints} Extra Credit Points</h5>
         )}
-        <div className="grid grid-cols-3">
+        <div className="grid grid-cols-4">
           {assignment.rubric.map((rubricItem, i) => (
             <Fragment key={rubricItem.label + i}>
-              <div className="text-end pe-3 col-span-2">{rubricItem.label}</div>
-              <div>
-                {rubricItem.points}
-
-                {rubricItemIsExtraCredit(rubricItem) ? " - Extra Credit" : ""}
+              <div className="text-end pe-1">
+                {rubricItemIsExtraCredit(rubricItem) ? "Extra Credit" : ""}
               </div>
+              <div className="text-end pe-3">{rubricItem.points}</div>
+              <div className="col-span-2">{rubricItem.label}</div>
             </Fragment>
           ))}
         </div>