diff --git a/src/assets/stylesheets/Button.scss b/src/assets/stylesheets/Button.scss index 4d507c1af..36cb76ba4 100644 --- a/src/assets/stylesheets/Button.scss +++ b/src/assets/stylesheets/Button.scss @@ -76,6 +76,7 @@ &--secondary { background-color: inherit; + border-radius: var(--rpf-secondary-button-radius, $space-0-5); color: var(--rpf-button-secondary-text-color); diff --git a/src/assets/stylesheets/Instructions.scss b/src/assets/stylesheets/Instructions.scss index 76de3a1e1..a14b4645b 100644 --- a/src/assets/stylesheets/Instructions.scss +++ b/src/assets/stylesheets/Instructions.scss @@ -7,6 +7,10 @@ .project-instructions { block-size: 100%; + &__content { + padding-block-end: var(--project-instructions-padding, $space-1); + } + h2 { @include typography.style-1-5(bold); margin: 0; diff --git a/src/assets/stylesheets/ProgressBar.scss b/src/assets/stylesheets/ProgressBar.scss index 22c30329a..a7d35bc8c 100644 --- a/src/assets/stylesheets/ProgressBar.scss +++ b/src/assets/stylesheets/ProgressBar.scss @@ -7,6 +7,7 @@ justify-content: center; margin: auto; gap: $space-1; + padding-block: $space-0-5; .progress-container { flex: 1; @@ -14,6 +15,7 @@ display: flex; flex-direction: column; align-items: center; + gap: $space-0-25; } progress { diff --git a/src/assets/stylesheets/Sidebar.scss b/src/assets/stylesheets/Sidebar.scss index e429463ff..06eed31fc 100644 --- a/src/assets/stylesheets/Sidebar.scss +++ b/src/assets/stylesheets/Sidebar.scss @@ -44,7 +44,7 @@ .sidebar__bar-options--bottom { display: flex; flex-direction: column; - align-items: center; + align-items: var(--sidebar-options-alignment, center); justify-content: center; gap: $space-0-5; } @@ -66,7 +66,7 @@ position: absolute; top: -8px; bottom: -1px; - right: -11px; + right: -12px; width: var(--sidebar-border-obscurer-width); height: 60px; background-color: var(--sidebar-panel-background); @@ -121,7 +121,7 @@ } .sidebar__panel--with-footer { - padding-block-end: $space-2; + padding-block-end: var(--sidebar-footer-padding, $space-2); } .sidebar__panel-heading { diff --git a/src/components/Menus/Sidebar/InstructionsPanel/ProgressBar/ProgressBar.jsx b/src/components/Menus/Sidebar/InstructionsPanel/ProgressBar/ProgressBar.jsx index 697c7a24d..f436d6dc3 100644 --- a/src/components/Menus/Sidebar/InstructionsPanel/ProgressBar/ProgressBar.jsx +++ b/src/components/Menus/Sidebar/InstructionsPanel/ProgressBar/ProgressBar.jsx @@ -36,7 +36,6 @@ const ProgressBar = () => {