added feedback

ConductionNL · Oct 17, 2023 · c094cee · c094cee
1 parent 3356e0b
commit c094cee
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 13 deletions.
diff --git a/pwa/src/templates/landing/LandingTemplate.module.css b/pwa/src/templates/landing/LandingTemplate.module.css
@@ -6,7 +6,7 @@
   margin-block-end: var(--utrecht-space-block-lg);
 }
 
-.header1 {
-  margin-block-start: 0px;
-  margin-block-end: 0px;
+.pagination {
+  display: flex;
+  justify-content: space-between;
 }
diff --git a/pwa/src/templates/landing/LandingTemplate.tsx b/pwa/src/templates/landing/LandingTemplate.tsx
@@ -25,8 +25,6 @@ export const LandingTemplate: React.FC = () => {
 
   return (
     <>
-      <h1 className={styles.header1}></h1>
-
       <JumbotronTemplate />
 
       <Page>
@@ -37,14 +35,14 @@ export const LandingTemplate: React.FC = () => {
           {getItems.data?.results && getItems.data?.results?.length > 0 && (
             <div id="mainContent">
               <ResultsDisplayTemplate displayKey="landing-results" requests={getItems.data.results} />
-
-              <Pagination
-                ariaLabels={{ previousPage: t("Previous page"), nextPage: t("Next page"), page: t("Page") }}
-                totalPages={getItems.data.pages}
-                {...{ currentPage, setCurrentPage }}
-              />
-
-              <PaginationLimitSelectComponent queryLimitName={"objectsQueryLimit"} />
+              <div className={styles.pagination}>
+                <Pagination
+                  ariaLabels={{ previousPage: t("Previous page"), nextPage: t("Next page"), page: t("Page") }}
+                  totalPages={getItems.data.pages}
+                  {...{ currentPage, setCurrentPage }}
+                />
+                <PaginationLimitSelectComponent queryLimitName={"objectsQueryLimit"} />
+              </div>
             </div>
           )}
           {getItems.isLoading && <Skeleton height={"200px"} />}