Fix pagination style on mobile devices (#4084)

Signed-off-by: Cintia Sánchez García <cynthiasg@icloud.com>
artifacthub · Oct 8, 2024 · 00988b2 · 00988b2
1 parent a40ec5f
commit 00988b2
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 8 deletions.
diff --git a/web/src/layout/common/Pagination.module.css b/web/src/layout/common/Pagination.module.css
@@ -6,8 +6,4 @@
  .pagination {
  font-size: 0.7rem;
  }
-
- .btnIcon {
- line-height: 1rem;
- }
 }
diff --git a/web/src/layout/common/Pagination.tsx b/web/src/layout/common/Pagination.tsx
@@ -84,7 +84,7 @@ const Pagination = (props: Props) => {
  content={
  <>
  <span className="d-none d-sm-block">Previous</span>
- <span className={`d-block d-sm-none ${styles.btnIcon}`}>
+ <span className="d-block d-sm-none">
  <FaCaretLeft />
  </span>
  </>
@@ -120,7 +120,7 @@ const Pagination = (props: Props) => {
  content={
  <>
  <span className="d-none d-sm-block">Next</span>
- <span className={`d-block d-sm-none ${styles.btnIcon}`}>
+ <span className="d-block d-sm-none">
  <FaCaretRight />
  </span>
  </>

diff --git a/web/src/layout/common/__snapshots__/Pagination.test.tsx.snap b/web/src/layout/common/__snapshots__/Pagination.test.tsx.snap