Merge pull request #588 from chatch/fix-pagination-link

fix pagination link
chatch · Jan 25, 2024 · 2ca9c46 · 2ca9c46
2 parents 6ca18f3 + 61f9be8
commit 2ca9c46
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/app/components/shared/PagingControls.tsx b/app/components/shared/PagingControls.tsx
@@ -12,14 +12,17 @@ const PagingControls = ({
   handleClickPrev,
   hidePrev,
 }: PagingControlsProps) => (
-  <div id="paging-controls">
+  <div
+    id="paging-controls"
+    className={`${hidePrev ? 'paging-buttons-right' : 'paging-buttons'}`}
+  >
     {!hidePrev && (
       <button onClick={handleClickPrev}>
         &larr; <FormattedMessage id="paging.prev" />
       </button>
     )}
 
-    <button onClick={handleClickNext} style={{ float: 'right' }}>
+    <button onClick={handleClickNext}>
       <FormattedMessage id="paging.next" /> &rarr;
     </button>
   </div>

diff --git a/app/styles/styles.css b/app/styles/styles.css
@@ -615,6 +615,17 @@ button[id^="btn-custom-network"]:first-of-type {
   background-color: #3c4452 !important;
 }
 
+.paging-buttons {
+  display: flex;
+  justify-content: space-between;
+
+}
+
+.paging-buttons-right {
+  display: flex;
+  justify-content: flex-end;
+}
+
 a {
   color: #00c292;
 }