added padding for reviews

SJSUCSClub · Sep 27, 2024 · 6c2cb78 · 6c2cb78
1 parent 7c831d8
commit 6c2cb78
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/(main)/courses/[id]/@reviews/page.tsx b/app/(main)/courses/[id]/@reviews/page.tsx
@@ -62,7 +62,7 @@ export default function Page({ params }: { params: { id: string } }) {
   return (
     <section className="mx-auto flex w-full max-w-content-width items-stretch gap-md px-md">
       <div className="w-[250px] max-lg:hidden">
-        <div className="sticky top-0 flex max-h-[100dvh] min-h-[50dvh] w-full flex-col gap-sm overflow-y-auto pt-lg">
+        <div className="sticky top-0 flex max-h-[100dvh] min-h-[50dvh] w-full flex-col gap-sm overflow-y-auto pb-lg pt-lg">
           <p className="pb-md">Filters</p>
           <p className="pb-sm text-small-lg">Limit</p>
           <FilterGroup
@@ -86,7 +86,7 @@ export default function Page({ params }: { params: { id: string } }) {
         </div>
       </div>
       <SessionProvider>
-        <div className="flex flex-1 flex-col items-stretch gap-md pt-lg">
+        <div className="flex flex-1 flex-col items-stretch gap-md pb-lg pt-lg">
           <p id="reviews">{results?.total_results ?? '-'} Review(s)</p>
           {isLoading || isValidating ? <Skeleton /> : null}
           {!isLoading && !isValidating

diff --git a/app/(main)/professors/[id]/@reviews/page.tsx b/app/(main)/professors/[id]/@reviews/page.tsx
@@ -63,7 +63,7 @@ export default function Page({ params }: { params: { id: string } }) {
   return (
     <section className="mx-auto flex w-full max-w-content-width items-stretch gap-md px-md">
       <div className="w-[250px] max-lg:hidden">
-        <div className="sticky top-0 flex max-h-[100dvh] min-h-[50dvh] w-full flex-col gap-sm overflow-y-auto pt-lg">
+        <div className="sticky top-0 flex max-h-[100dvh] min-h-[50dvh] w-full flex-col gap-sm overflow-y-auto pb-lg pt-lg">
           <p className="pb-md">Filters</p>
           <p className="pb-sm text-small-lg">Limit</p>
           <FilterGroup
@@ -87,7 +87,7 @@ export default function Page({ params }: { params: { id: string } }) {
         </div>
       </div>
       <SessionProvider>
-        <div className="flex flex-1 flex-col items-stretch gap-md pt-lg">
+        <div className="flex flex-1 flex-col items-stretch gap-md pb-lg pt-lg">
           <p id="reviews">{results?.total_results ?? '-'} Review(s)</p>
           <form action="/professors/review" className="flex gap-sm">
             <input type="hidden" name="professor_id" value={params.id} />