DATAP-1612 bug fixes (#567)

* updated styling for Tour Button * removed spacing between Show More/Less button text and icon * updated pagination buttons to use latest styling from design system --------- Co-authored-by: Chanel Henley <[email protected]>
cfpb · Dec 17, 2024 · 264c3db · 264c3db
1 parent 47fe218
commit 264c3db
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 22 deletions.
diff --git a/dist/ccdb5.css b/dist/ccdb5.css
diff --git a/dist/ccdb5.css.map b/dist/ccdb5.css.map
diff --git a/dist/ccdb5.js b/dist/ccdb5.js
diff --git a/dist/ccdb5.js.map b/dist/ccdb5.js.map
diff --git a/src/components/List/Pagination/Pagination.js b/src/components/List/Pagination/Pagination.js
@@ -29,20 +29,16 @@ export const Pagination = () => {
         onClick={() => prevPage()}
         disabled={page <= 1}
       >
-        <span className="a-btn__icon a-btn__icon--on-left">
-          {getIcon('left')}
-        </span>
-        Previous
+        {getIcon('left')}
+        <span>Previous</span>
       </button>
       <button
         className="a-btn m-pagination__btn-next"
         onClick={() => nextPage()}
         disabled={page >= total}
       >
-        Next
-        <span className="a-btn__icon a-btn__icon--on-right">
-          {getIcon('right')}
-        </span>
+        <span>Next</span>
+        {getIcon('right')}
       </button>
       <div className="m-pagination__form">
         <label className="m-pagination__label">Page {page}</label>

diff --git a/src/components/Tour/TourButton.js b/src/components/Tour/TourButton.js
@@ -8,7 +8,8 @@ export const TourButton = () => {
 
   return (
     <button onClick={() => dispatch(tourShown())} className="a-btn tour-button">
-      {getIcon('help-round')} Take a tour
+      {getIcon('help-round')}
+      <span>Take a tour</span>
     </button>
   );
 };
diff --git a/src/components/Trends/TrendDepthToggle/TrendDepthToggle.scss b/src/components/Trends/TrendDepthToggle/TrendDepthToggle.scss
@@ -9,6 +9,10 @@
   button {
     margin: 5px;
     color: var(--pacific-dark);
+
+    &.a-btn {
+      gap: 0;
+    }
   }
 
   span {