additional copy and styling for component syntax error in studio

cms/djangoapps/contentstore/features/problem-editor.py

@@ -9,8 +9,6 @@ from common import type_in_codemirror
 from time import sleep
 
 
-from pdb import set_trace
-
 DISPLAY_NAME = "Display Name"
 MAXIMUM_ATTEMPTS = "Maximum Attempts"
 PROBLEM_WEIGHT = "Problem Weight"

cms/static/sass/views/_unit.scss

@@ -355,6 +355,19 @@ body.course.unit,.view-unit {
 
           }
         }
+
+      .wrapper-alert-error {
+          box-shadow: none;
+          border-top: 5px solid $red-l1;
+
+          .copy,
+          .title {
+            color: $white;
+          }
+
+      }
+
+
       }
     }
 

cms/templates/html_error.html

@@ -1,6 +1,5 @@
 <%! from django.utils.translation import ugettext as _ %>
 <%! from django.core.urlresolvers import reverse %>
-<%block name="bodyclass">error</%block>
 
 <%block name="content">
   <div class="wrapper wrapper-alert wrapper-alert-error is-shown">
@@ -12,11 +11,11 @@
           ${_("We're having trouble rendering your component")}
         </h2>
 
-        <p>You can try re-editing your component to check that your syntax is correct.</p>
+        <p>Students will not be able to access this component. Re-edit your component to fix the error.</p>
 
         % if message:
         <p class="description">
-            ${_("Error message:")}
+            ${_("Error:")}
             ${message | h}
         </p>
         % endif