From 5723999b937a396c9f9f1344432c7686809afc7e Mon Sep 17 00:00:00 2001 From: jacobo-dominguez-wgu Date: Wed, 28 May 2025 14:59:12 -0600 Subject: [PATCH 1/2] fix: prev and next buttons were not propertly centered and aligned --- src/index.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/index.scss b/src/index.scss index f4ae867e15..304505e73d 100755 --- a/src/index.scss +++ b/src/index.scss @@ -328,6 +328,7 @@ .unit-navigation { display: flex; justify-content: center; + gap: 5px; max-width: 640px; margin: 0 auto; @@ -346,7 +347,7 @@ } .next-button { - flex-basis: 75%; + flex-basis: 25%; @media (max-width: -1 + map-get($grid-breakpoints, "sm")) { flex-basis: 100%; @@ -365,6 +366,7 @@ .top-unit-navigation { display: flex; max-width: 100%; + gap: 5px; justify-content: flex-end; .next-button, From d6fa564a3e6d986ff5381e4e324f0771b1f2715d Mon Sep 17 00:00:00 2001 From: jacobo-dominguez-wgu Date: Thu, 29 May 2025 09:43:27 -0600 Subject: [PATCH 2/2] fix: removing flex-basis property for navigation buttons --- src/index.scss | 16 ---------------- 1 file changed, 16 deletions(-) diff --git a/src/index.scss b/src/index.scss index 304505e73d..fe517831fb 100755 --- a/src/index.scss +++ b/src/index.scss @@ -345,22 +345,6 @@ border-radius: 6px; } } - - .next-button { - flex-basis: 25%; - - @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 {