Merge pull request #1 from snow-jallen/fix-rubric-column-layout

Fix rubric layout: points left, description right
This commit is contained in:
Jonathan Allen
2026-02-19 17:32:20 -07:00
committed by GitHub

View File

@@ -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>