fraport/fradrive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: improve explained-selection-field styling

Browse Source
This commit is contained in:
Gregor Kleen 2020-02-28 09:12:46 +01:00
parent 9d62b3a79e
commit cccbd146cc
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/utils/form/form.sass
View File

@ -41,23 +41,25 @@ fieldset
.explained-selection-field__option
display: grid
grid-gap: 5px 7px
grid-template-columns: 30px 1fr
grid-template-rows: 2em 1fr
grid-gap: 0 7px
grid-template-columns: 25px 1fr
grid-template-rows: 25px 1fr
grid-template-areas: 'radiobox title' '. explanation'
margin: 5px
max-width: 500px
width: calc(33.33% - 10px)
.explained-selection-field__input
grid-area: radiobox
place-self: center center
width: 20px
height: 20px
cursor: pointer
.explained-selection-field__label
grid-area: title
place-self: center stretch
font-weight: 600
cursor: pointer
.explained-selection-field__explanation
grid-area: explanation