Skip to content

Commit 266b745

Browse files
Survey: Fix the survey questions to align horizontally refs #6450
1 parent 06c6e9a commit 266b745

File tree

1 file changed

+45
-0
lines changed

1 file changed

+45
-0
lines changed

assets/css/scss/_survey.scss

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -104,3 +104,48 @@
104104
}
105105
}
106106
}
107+
108+
form#question-survey {
109+
display: block !important;
110+
margin: 0;
111+
padding: 0;
112+
box-sizing: border-box;
113+
}
114+
115+
form#question-survey .survey_question {
116+
display: block !important;
117+
width: 100% !important;
118+
box-sizing: border-box;
119+
margin-bottom: 1rem !important;
120+
clear: both;
121+
}
122+
123+
/* Question label / contenu (texte de la question) */
124+
form#question-survey .survey_question .question-text,
125+
form#question-survey .survey_question > label,
126+
form#question-survey .survey_question .control-label {
127+
display: block;
128+
margin-bottom: .4rem;
129+
font-weight: 600;
130+
color: #111827;
131+
}
132+
133+
/* Conteneur d'options : alignement horizontal mais passe à la ligne si nécessaire */
134+
form#question-survey .survey_question .options {
135+
display: flex !important;
136+
flex-wrap: wrap;
137+
gap: .5rem;
138+
align-items: center;
139+
margin-top: .25rem;
140+
}
141+
142+
/* Radios inline vs vertical */
143+
form#question-survey .survey_question .radio-inline {
144+
display: inline-flex;
145+
align-items: center;
146+
gap: .35rem;
147+
margin-right: .6rem;
148+
}
149+
150+
151+

0 commit comments

Comments
 (0)