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