Make broken problem error a bit scarier and fix typo in message

common/lib/xmodule/xmodule/capa_module.py

@@ -257,14 +257,15 @@ class CapaModule(XModule):
 
                 # Prepend a scary warning to the student
                 warning  = '<div class="capa_reset">'\
-                           '<h2>Warning: Problem reset to initial state!</h2>'\
-                           'Problem state was corruped by invalid submission. The submission consisted of:'\
+                           '<h2>Warning: The problem has been reset to its initial state!</h2>'\
+                           'The problem\'s state was corrupted by an 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>'\
-                           'If the problem persists, please contact the course staff.'\
+                           'If this error persists, please contact the course staff.'\
                            '</div>'
 
                 html = warning

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

@@ -467,15 +467,15 @@ section.problem {
 
   div.capa_reset {
     padding: 25px;
-    border: 1px solid #EBE8BF;
+    border: 1px solid $error-red;
+    background-color: lighten($error-red, 25%);
     border-radius: 3px;
-    background: #FFFCDD;
     font-size: 1em;
     margin-top: 10px;
     margin-bottom: 10px;
   }
   .capa_reset>h2 {
-    color: #FF0000;
+    color: #AA0000;
   }
   .capa_reset li {
     font-size: 0.9em;