DGNum/demarches-normaliennes
13
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

editable_champs: move the label near the checkbox

Browse source
This commit is contained in:
Pierre de La Morinerie 2018-06-18 09:30:26 +00:00 • committed by Mathieu Magnin
parent 43bbbacd59
commit 3ba5d654ba
4 changed files with 28 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

23
app/assets/stylesheets/new_design/forms.scss
View file

@ -54,6 +54,20 @@
.etablissement-titre {
margin-bottom: 2 * $default-padding;
}
// Align checkboxes on the top-left side of the label
&.editable-champ-checkbox,
&.editable-champ-engagement {
label {
padding-left: 28px;
}
input[type=checkbox] {
position: absolute;
top: 1px;
left: 0px;
}
}
}
.radios {
@ -112,9 +126,18 @@
input[type=checkbox],
input[type=radio] {
margin-left: 5px;
margin-right: 4px;
margin-bottom: 2 * $default-padding;
}
input[type=checkbox] {
// Firefox tends to display checkbox controls smaller than other browsers.
// Ensure a consistency of size between browsers.
width: 16px;
height: 16px;
}
input[type=date] {
max-width: 180px;
}