Add margin top for empty submissions, change past due tag to use no a…

…rticle relative datetime
helxplatform · Mar 8, 2024 · cdedd88 · cdedd88
1 parent a889218
commit cdedd88
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/assignment-panel/assignment-info/assignment-info.tsx b/src/components/assignment-panel/assignment-info/assignment-info.tsx
@@ -53,7 +53,7 @@ export const AssignmentInfo = ({  }: AssignmentInfoProps) => {
                 backgroundColor = "var(--jp-error-color1)"
                 text = (
                     <span>
-                        { new DateFormat(assignment.adjustedDueDate!).toRelativeDatetime() } past due
+                        { new DateFormat(assignment.adjustedDueDate!).toRelativeDatetimeNoArticle() } past due
                     </span>
                 )
                 tooltip = `You never submitted this assignment. Please contact your instructor${ course.instructors.length > 1 ? "s" : "" } to request an extension`

diff --git a/src/components/assignment-panel/assignment-submissions/assignment-submissions.tsx b/src/components/assignment-panel/assignment-submissions/assignment-submissions.tsx
@@ -30,8 +30,10 @@ export const AssignmentSubmissions = ({ ...props }: AssignmentSubmissionsProps)
     if (!assignment) return null
     if (assignment.submissions.length === 0) return (
         <div className={ noSubmissionsTextContainerClass }>
-            You haven't made any submissions for this assignment yet.
-            To submit your work, press the "Submit" button at the bottom of the page.
+            <div style={{ marginTop: 12, textAlign: "center" }}>
+                You haven't made any submissions for this assignment yet.
+                To submit your work, press the "Submit" button at the bottom of the page.
+            </div>
         </div>
     )
     return (