diff --git a/frontend/resources/styles/main/partials/af-signup-questions.scss b/frontend/resources/styles/main/partials/af-signup-questions.scss index b88300583..38c431a2e 100644 --- a/frontend/resources/styles/main/partials/af-signup-questions.scss +++ b/frontend/resources/styles/main/partials/af-signup-questions.scss @@ -104,6 +104,12 @@ margin: 0.5rem 0; } + .af-field-input input[type="text"], + .af-choice-option label:before, + .af-dropdown { + border-color: #c5c6c9 !important; + } + .af-choice-option input:checked+label:before, .af-legal input:checked+label:before { background-color: $color-primary; @@ -113,7 +119,7 @@ .af-field-previous_design_tool .af-choice-option input:checked+label { &::before { background-color: transparent; - border: 2px solid $color-primary; + border: 2px solid $color-primary !important; } } @@ -194,4 +200,58 @@ .af-field-previous_design_tool .af-choice-option:nth-child(6) label { background-image: url("../images/form/never-used.png"); } + + .af-field-previous_design_tool .af-choice-option:nth-child(7) label, + .af-field-use_of_penpot .af-choice-option:nth-child(5) label { + justify-content: flex-start; + min-height: auto; + padding-left: 1.4rem; + padding-top: 0; + + &:hover { + box-shadow: none; + } + + &::before { + content: ""; + background-color: #fff; + border: 1px solid #e0e6f0; + border-width: 1px; + border-radius: 50%; + min-width: 20px; + min-height: 20px; + box-sizing: border-box; + margin-left: 4px; + } + + &::after { + content: ""; + position: absolute; + opacity: 0; + width: 5px; + height: 8px; + margin-top: -1px; + border: solid #fff; + border-width: 0 2px 2px 0; + transform: rotate(45deg); + } + } + + .af-field-use_of_penpot .af-choice-option:nth-child(5) label { + &::before { + border-radius: 3px; + } + } + + .af-field-previous_design_tool .af-choice-option:nth-child(7) input:checked+label, + .af-field-use_of_penpot .af-choice-option:nth-child(5) input:checked+label { + + &::before { + background-color: $color-primary; + } + + &::after { + opacity: 1; + } + } } diff --git a/frontend/resources/styles/main/partials/modal.scss b/frontend/resources/styles/main/partials/modal.scss index 6e7328706..ec14003a8 100644 --- a/frontend/resources/styles/main/partials/modal.scss +++ b/frontend/resources/styles/main/partials/modal.scss @@ -830,7 +830,7 @@ flex-direction: column; .modal-top { - padding-top: 40px; + padding: 40px 40px 0 40px; color: $color-gray-60; display: flex; flex-direction: column; @@ -841,11 +841,13 @@ font-weight: 700; font-size: 27px; margin-bottom: $size-3; + text-align: center; } p { font-family: 'worksans', sans-serif; font-weight: 500; font-size: $fs18; + text-align: center; } }