style for submission feedback

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

@@ -432,6 +432,19 @@ section.problem {
     input.save {
       @extend .blue-button;
     }
+
+    .submission_feedback {
+      // background: #F3F3F3;
+      // border: 1px solid #ddd;
+      // @include border-radius(3px);
+      // padding: 8px 12px;
+      // margin-top: 10px;
+      @include inline-block;
+      font-style: italic;
+      margin: 8px 0 0 10px;
+      color: #777;
+      -webkit-font-smoothing: antialiased;
+    }
   }
 
   .detailed-solution {

lms/templates/problem.html

@@ -13,7 +13,7 @@
     <input type="hidden" name="problem_id" value="${ problem['name'] }">
 
     % if check_button:
-    <input class="check" type="button" value="${ check_button }">
+    <input class="check ${ check_button }" type="button" value="${ check_button }">
     % endif
     % if reset_button:
     <input class="reset" type="button" value="Reset">
@@ -26,7 +26,7 @@
     % endif
     % if attempts_allowed :
     <section class="submission_feedback">
-    You have used ${ attempts_used } of ${ attempts_allowed } submissions
+      You have used ${ attempts_used } of ${ attempts_allowed } submissions
     </section>
     % endif
   </section>