Improve padding at top of My Assignments

Author: jacbn

src/app/components/elements/layout/SidebarLayout.tsx

@@ -358,7 +358,7 @@ export const MyAssignmentsSidebar = (props: MyAssignmentsSidebarProps) => {
         }    
     }, [statusFilter, setStatusFilter]);
 
-    return <ContentSidebar {...rest}>
+    return <ContentSidebar {...rest} className={classNames(rest.className, "pt-0")}>
         <ShowLoadingQuery query={assignmentQuery} defaultErrorTitle="" thenRender={(assignments: AssignmentDTO[]) => {
             const myAssignments = filterAssignmentsByStatus(assignments);
             const assignmentCountByStatus = myAssignments && Object.fromEntries(Object.entries(myAssignments).map(([key, value]) => [key, value.length]));

src/app/components/pages/MyAssignments.tsx

@@ -79,7 +79,7 @@ const PhyMyAssignments = ({user}: {user: RegisteredUserDTO}) => {
                             assignmentTitleFilter, assignmentGroupFilter, assignmentSetByFilter
                         );
 
-                        return <>
+                        return <div className="pt-4">
                             <Assignments assignments={filteredAssignments.slice(0, limit)} />
                             {limit < filteredAssignments.length && <div className="text-center">
                                 <hr className="text-center" />
@@ -90,7 +90,7 @@ const PhyMyAssignments = ({user}: {user: RegisteredUserDTO}) => {
                                     Show more
                                 </Button>
                             </div>}
-                        </>;
+                        </div>;
                     }}
                 />
             </MainContent>