Add basic styles

common/lib/xmodule/xmodule/capa_module.py

@@ -256,16 +256,16 @@ class CapaModule(XModule):
                                seed=self.seed, system=self.system)
 
                 # Prepend a scary warning to the student
-                warning  = '<div class="capa_reset">'
-                warning += '<h2>Problem reset to initial state!</h2>'
-                warning += '<p>Problem state was corruped by invalid submission. The submission consisted of:</p>'
-                warning += '<ul>'
+                warning  = '<div class="capa_reset">'\
+                           '<h2>Warning: Problem reset to initial state!</h2>'\
+                           'Problem state was corruped by invalid submission. The submission consisted of:'\
+                           '<ul>'
                 for student_answer in student_answers.values():
                     if student_answer != '':
                         warning += '<li>' + cgi.escape(student_answer) + '</li>'
-                warning += '</ul>'
-                warning += '<p>If problem persists, please contact the course staff.</p>'
-                warning += '</div>'
+                warning += '</ul>'\
+                           'If problem persists, please contact the course staff.'\
+                           '</div>'
 
                 html = warning
                 try:

common/lib/xmodule/xmodule/css/capa/display.scss

@@ -465,6 +465,22 @@ section.problem {
     margin-top: 10px;
   }
 
+  div.capa_reset {
+    padding: 25px;
+    border: 1px solid #EBE8BF;
+    border-radius: 3px;
+    background: #FFFCDD;
+    font-size: 1em;
+    margin-top: 10px;
+    margin-bottom: 10px;
+  }
+  .capa_reset>h2 {
+    color: #FF0000;
+  }
+  .capa_reset li {
+    font-size: 0.9em;
+  }
+
   .hints {
     border: 1px solid #ccc;