diff --git a/src/App.vue b/src/App.vue index 64fd56ee7..483d1cfce 100644 --- a/src/App.vue +++ b/src/App.vue @@ -111,6 +111,7 @@ export default { -moz-osx-font-smoothing: grayscale; color: #2c3e50; counter-reset: step-counter; + background-color: #f5f5f5; } #site-container { padding: 0.75rem; diff --git a/src/components/LicenseCopy.vue b/src/components/LicenseCopy.vue index 4624fbc76..1d93d5419 100644 --- a/src/components/LicenseCopy.vue +++ b/src/components/LicenseCopy.vue @@ -167,6 +167,9 @@ export default { #attribution-text p { margin-top: 0.5rem; margin-bottom: 1rem; + background-color: #fff; + padding: 24px 0 0 24px; + height: 100px; } #generated-html-container { padding-top: 10px; diff --git a/src/components/Stepper.vue b/src/components/Stepper.vue index 25598cc6f..dec8c8f95 100644 --- a/src/components/Stepper.vue +++ b/src/components/Stepper.vue @@ -380,6 +380,10 @@ export default { .current, .previous { color: black; + background-color: #fff; + } + .inactive{ + background-color: #F5F5F5; } .previous.disabled { color: #B0B0B0; @@ -396,10 +400,17 @@ export default { .step-navigation .pagination-previous { font-family: Roboto Condensed,sans-serif; font-style: normal; - font-weight: 500; font-size: 18px; line-height: 24px; } + .step-navigation, + .step-navigation { + font-weight: 500; + } + .pagination-next, + .pagination-previous { + font-weight: bold; + } .step-navigation .pagination-previous { border: 2px solid #787878; color: #787878; @@ -411,6 +422,7 @@ export default { } .pagination-next.disabled { background-color: #D8D8D8; + color: #787878 !important; } .pagination-next.disabled:hover, .pagination-next.disabled:active {