fix: center and align previous and next buttons (#1718)

* fix: prev and next buttons were not propertly centered and aligned

* fix: removing flex-basis property for navigation buttons

Author: jacobo-dominguez-wgu

src/index.scss

@@ -328,6 +328,7 @@
 .unit-navigation {
   display: flex;
   justify-content: center;
+  gap: 5px;
   max-width: 640px;
   margin: 0 auto;
 
@@ -344,27 +345,12 @@
       border-radius: 6px;
     }
   }
-
-  .next-button {
-    flex-basis: 75%;
-
-     @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
-       flex-basis: 100%;
-     }
-  }
-
-  .previous-button {
-    flex-basis: 25%;
-
-     @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
-       flex-basis: 100%;
-     }
-  }
 }
 
 .top-unit-navigation {
   display: flex;
   max-width: 100%;
+  gap: 5px;
   justify-content: flex-end;
 
   .next-button,