Update navButtons

Next buttons should always be on the right, even when it's the only button.
pantheon-systems · Oct 10, 2023 · 8113759 · 8113759
1 parent 9b520cb
commit 8113759
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/components/navButtons/index.js b/src/components/navButtons/index.js
@@ -18,7 +18,7 @@ const NavButtons = ({
     >
       {prev && (
         <ul className="pagination pager-guides">
-          <li>
+          <li className="pagination__prev">
             <Link to={prev} rel="prev" className="pds-button">
               <Icon iconName="angleLeft"></Icon>
               {prevTitle}
@@ -28,8 +28,8 @@ const NavButtons = ({
       )}
       {next && (
         <ul className="pagination pager-guides">
-          <li>
-            <Link to={next} rel="prev" className="pds-button">
+          <li className="pagination__next">
+            <Link to={next} rel="next" className="pds-button">
               {nextTitle}
               <Icon iconName="angleRight"></Icon>
             </Link>

diff --git a/src/components/navButtons/style.css b/src/components/navButtons/style.css
@@ -1,4 +1,9 @@
 ul.pagination {
   list-style-type: none;
   padding: 0;
+  width: 100%;
+}
+
+li.pagination__next {
+  float: right;
 }