diff --git a/src/app/features/administration/stepper/stepper.component.scss b/src/app/features/administration/stepper/stepper.component.scss index 0f20c877..8443c974 100644 --- a/src/app/features/administration/stepper/stepper.component.scss +++ b/src/app/features/administration/stepper/stepper.component.scss @@ -17,6 +17,7 @@ .step-counter-text { margin-top: -$stepper-progress-bar-height; } + .title-section { display: inline-block; width: 50%; @@ -26,7 +27,13 @@ .step-title-poll { max-width: 45ch; text-overflow: ellipsis; - display: inline-block !important; + font-size: 0.85rem; + color: #767486; + margin-bottom: 0.7rem; + margin-top: -8px; + padding-left: 0; + display: block; + font-weight: bold; } .columns, @@ -91,6 +98,7 @@ #close_stepper { border-radius: 3em; + .title { margin-top: 2rem; font-size: 24px; @@ -114,20 +122,12 @@ .columns { padding-top: 0; } + i { margin-left: 1ch; } } - .step-title-poll { - font-size: 0.85rem; - color: #767486; - margin-bottom: 0; - padding-left: 0; - display: block; - font-weight: bold; - } - h2 { margin-bottom: 0; } @@ -173,11 +173,13 @@ background: $primary_color; } } + .cancel-button-reject { background: none; color: $primary_color; margin-right: -1rem; float: right; + .icon { margin-left: 1rem; height: 1rem; @@ -205,6 +207,7 @@ display: inline-block; margin-right: 1rem; border-radius: 100%; + &:hover { background: $d-primary; } @@ -218,17 +221,20 @@ .menu-button { border: 0; color: $primary_color; + img { margin-left: 1ch; float: right; } } + #mobile_menu { top: -4px; width: 100%; background: #fff; padding: 0.75rem; height: 100vh; + .cancel-button-stepper { padding: 1rem 2rem; }