Update survey styling

This commit is contained in:
Ramon Wenger 2019-07-31 16:00:16 +02:00
parent 4d300e92eb
commit 5bdf5d53ee
1 changed files with 5 additions and 4 deletions

View File

@ -24,6 +24,8 @@
margin-bottom: $medium-spacing; margin-bottom: $medium-spacing;
> span > span { // weird survey.js html structure > span > span { // weird survey.js html structure
@include heading-4; @include heading-4;
line-height: $default-line-height;
} }
} }
@ -54,9 +56,9 @@
order: 2; order: 2;
} }
$progress-margin-right: 120px; $progress-margin-right: 140px;
&__progress { &__progress {
background-color: $color-silver; background-color: $color-silver-light;
height: 0.3em; height: 0.3em;
order: 3; order: 3;
width: 40%; width: 40%;
@ -65,7 +67,6 @@
margin-right: $progress-margin-right; margin-right: $progress-margin-right;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
align-content: center;
} }
&__radiogroup-group, &__checkbox-group { &__radiogroup-group, &__checkbox-group {
@ -81,7 +82,7 @@
> span { > span {
position: absolute; position: absolute;
right: -$progress-margin-right; right: -$progress-margin-right;
top: -0.25em; top: -0.37em;
@include regular-text; @include regular-text;
} }