diff --git a/common/lib/capa/capa/templates/choicegroup.html b/common/lib/capa/capa/templates/choicegroup.html index cb11350a63..106694ea4a 100644 --- a/common/lib/capa/capa/templates/choicegroup.html +++ b/common/lib/capa/capa/templates/choicegroup.html @@ -1,14 +1,4 @@
- - % for choice_id, choice_description in choices: - - % endfor - - % if state == 'unsubmitted': % elif state == 'correct': @@ -18,4 +8,16 @@ % elif state == 'incomplete': % endif + +
+ % for choice_id, choice_description in choices: + + % endfor + +
+
diff --git a/common/lib/xmodule/xmodule/css/capa/display.scss b/common/lib/xmodule/xmodule/css/capa/display.scss index 0591a01843..ba3d7e716c 100644 --- a/common/lib/xmodule/xmodule/css/capa/display.scss +++ b/common/lib/xmodule/xmodule/css/capa/display.scss @@ -36,9 +36,24 @@ section.problem { } .choicegroup { + @include clearfix; + label.choicegroup_correct:after { content: url('../images/correct-icon.png'); } + + > span { + padding-right: 20px; + float: left; + background-position: 0 0 !important; + } + + fieldset { + @include box-sizing(border-box); + float: left; + border-left: 1px solid #ddd; + padding-left: 20px; + } } ol.enumerate { @@ -52,6 +67,23 @@ section.problem { } } + .solution-span { + span { + margin: 20px 0; + display: block; + border: 1px solid #ddd; + padding: 9px 15px 20px; + background: #FFF; + position: relative; + @include box-shadow(inset 0 0 0 1px #eee); + @include border-radius(3px); + + &:empty { + display: none; + } + } + } + div { p { &.answer {