[dashboard] Fix bottom page margins for Prebuilds, Repositories and I…

…nsights (#20455) * [dashboard] Fix bottom page margins for Prebuilds, Repositories and Insights * Fix `/insights` as well I forgor initially 💀
gitpod-io · Dec 16, 2024 · be9e7a8 · be9e7a8
1 parent a92bffc
commit be9e7a8
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/components/dashboard/src/Insights.tsx b/components/dashboard/src/Insights.tsx
@@ -56,7 +56,7 @@ export const Insights = () => {
     return (
         <>
             <Header title="Insights" subtitle="Insights into workspace sessions in your organization" />
-            <div className="app-container pt-5">
+            <div className="app-container pt-5 pb-8">
                 <div
                     className={classNames(
                         "flex flex-col items-start space-y-3 justify-between",
@@ -142,7 +142,7 @@ export const Insights = () => {
                     </ItemsList>
                 </div>
 
-                <div className="mt-4 mb-8 flex flex-row justify-center">
+                <div className="mt-4 flex flex-row justify-center">
                     {hasNextPage ? (
                         <LoadingButton
                             variant="secondary"

diff --git a/components/dashboard/src/prebuilds/list/PrebuildListPage.tsx b/components/dashboard/src/prebuilds/list/PrebuildListPage.tsx
@@ -12,7 +12,7 @@ const PrebuildListPage = () => {
     useDocumentTitle("Prebuilds");
 
     return (
-        <div className="app-container mb-8">
+        <div className="app-container pb-8">
             <PageHeading title="Prebuilds" subtitle="Review prebuilds of your added repositories." />
             <PrebuildsList />
         </div>

diff --git a/components/dashboard/src/repositories/list/RepositoryList.tsx b/components/dashboard/src/repositories/list/RepositoryList.tsx
@@ -92,7 +92,7 @@ const RepositoryListPage: FC = () => {
 
     return (
         <>
-            <div className="app-container mb-8">
+            <div className="app-container pb-8">
                 <PageHeading
                     title="Repository settings"
                     subtitle="Configure and refine the experience of working with a repository in Gitpod."

diff --git a/components/dashboard/src/repositories/list/RepositoryTable.tsx b/components/dashboard/src/repositories/list/RepositoryTable.tsx
@@ -132,7 +132,7 @@ export const RepositoryTable: FC<Props> = ({
                     </div>
                 )}
 
-                <div className="mt-4 mb-8 flex flex-row justify-center">
+                <div className="mt-4 flex flex-row justify-center">
                     {hasNextPage ? (
                         <LoadingButton variant="secondary" onClick={onLoadNextPage} loading={isFetchingNextPage}>
                             Load more