CDOT-EDX / Project

1 stars 3 forks source link

Aligning text labels for multiple choice quizzes #108

Open missmaggieha opened 9 years ago

missmaggieha commented 9 years ago

If the text is too long for one of the M/C choice, the entire text block will appear lower than the radio button (the look of a new line). (See attached image: A)

I have tried adding line breaks to split up the text, but it will also either appear below the radio button or "above". (See attached image: B and C)

Adding/adjusting some css may fix it since it is just html, right? (Something like this.. http://stackoverflow.com/a/33128709)

multiplechoiceradiobutton

pkuzhel commented 9 years ago

There is a slickquiz.css file where we can definitely fix this. @missmaggieha did you want to try and fix this? You can probably experiment with the CSS in Chrome's developer tools and if you have a solution add it to the slickquiz.css inside Project/aviation ?

I can upload it to online and we can see if this helps.