diff --git a/frontend/src/assets/styles/global.scss b/frontend/src/assets/styles/global.scss index dc199e6f70..60928cf9e3 100644 --- a/frontend/src/assets/styles/global.scss +++ b/frontend/src/assets/styles/global.scss @@ -166,6 +166,10 @@ cds-progress-step.step-inactive::part(cds--progress-optional) { color: #939395; } +cds-inline-notification { + min-width: 7.6875rem; +} + cds-inline-notification::part(div), cds-inline-notification, .cds--inline-notification { @@ -173,6 +177,10 @@ cds-inline-notification, border-radius: 0.25rem; } +cds-inline-notification::part(cds--inline-notification__details) { + margin-right: 1rem; +} + cds-actionable-notification::part(div), cds-actionable-notification, .cds--actionable-notification { @@ -687,6 +695,7 @@ div#app { border: 1px solid var(--light-theme-border-border-subtle-00, #dfdfe1); background: #fff; max-width: 50.4375rem; + box-sizing: border-box; } .divider { @@ -959,6 +968,7 @@ div#app { } cds-modal::part(dialog) { + width: 40rem; border-radius: 0.5rem; } @@ -1242,7 +1252,8 @@ cds-header-panel[expanded] { } cds-modal::part(dialog) { - max-height: 20.5rem; + width: 100%; + height: auto; margin-bottom: 0; margin-top: auto; position: relative; @@ -1255,6 +1266,7 @@ cds-header-panel[expanded] { } cds-modal-footer { + height: auto; display: flex; padding: 0rem 1rem 1rem 1rem; flex-direction: column; @@ -1263,8 +1275,8 @@ cds-header-panel[expanded] { align-self: stretch; } - cds-modal#reject-modal::part(dialog) { - max-height: 37rem; + cds-modal-footer-button::part(button) { + padding-bottom: 1rem; } cds-modal#reject-modal cds-modal-body.grouping-12, @@ -1331,6 +1343,10 @@ cds-header-panel[expanded] { margin-top: 2rem; } + .screen cds-button { + width: 100%; + } + .frame-03 { flex-direction: column-reverse; align-items: flex-start; @@ -1400,6 +1416,10 @@ cds-header-panel[expanded] { cds-table { width: 82rem; } + + .card { + padding: 1.5rem; + } } /* Medium (from 672px to 1055px) */ @@ -1457,11 +1477,6 @@ cds-header-panel[expanded] { .grouping-10 .grouping-11:first-child{ width: 40%; } - - cds-modal#reject-modal::part(dialog), - cds-modal#approve-modal::part(dialog) { - width: 95%; - } cds-modal#reject-modal cds-modal-body.grouping-12, cds-modal#approve-modal cds-modal-body { diff --git a/frontend/src/pages/FormBCSCPage.vue b/frontend/src/pages/FormBCSCPage.vue index a545fbe6b4..225030a5da 100644 --- a/frontend/src/pages/FormBCSCPage.vue +++ b/frontend/src/pages/FormBCSCPage.vue @@ -357,14 +357,14 @@ watch([error], () => { title="">

Read-only: - If something is incorrect visit + If something is incorrect Change your personal information - + >change your personal information and then restart your application.

@@ -472,7 +472,7 @@ watch([error], () => { {

- Visit - Change your personal information - + target="_blank" + rel="noopener noreferrer" + >Change your personal information to update your name, address or date of birth.

- Go to your - BC Services account - + Go to your + BC Services account to update your email address.

You can then log back into this application using your BC Services Card.