working on css changes

crowdsourcehinter/static/css/crowdsourcehinter.css

@@ -7,8 +7,8 @@
 }
 
 .crowdsourcehinter_block .csh_vote {
-  padding-top: 0px !important;
-  padding-bottom: 0px !important;
+  padding-top: 2px;
+  padding-bottom: 2px;
 }
 
 .csh_hint_value{
@@ -17,8 +17,8 @@
   flex-direction: column;
 }
 
-.crowdsourcehinter_block .csh_HintsToUse {
-  background-color: #FF8;
+.crowdsourcehinter_block {
+  background-color: #BBE2ED;
 }
 
 .csh_hint_reveal{

crowdsourcehinter/static/html/crowdsourcehinter.html

@@ -42,7 +42,7 @@
 
 <script type="x-tmpl/mustache" id="show_answer_feedback">
     <div class="csh_student_answer">
-        <h class="csh_answer_text">{{answer}}</h>
+        <h class="csh_answer_text"><i>Your incorrect answer: {{answer}}</i></h>
     </div>
 </script>
 

crowdsourcehinter/static/js/src/crowdsourcehinter.js

@@ -3,6 +3,7 @@ function CrowdsourceHinter(runtime, element){
     //If the code is not made to stop running, the hinter will act up after switching from and back to
     //a certain unit.
     var executeHinter = true;
+    $(".csh_HintQuickFeedback", element).hide();
 
     if(executeHinter){
     var isShowingHintFeedback = false;
@@ -29,6 +30,7 @@ function CrowdsourceHinter(runtime, element){
     //This function will determine whether or not the student correctly answered the question.
     //If it was correctly answered it will begin the process for giving feedback on hints.
         if (problem_graded_event_data[1].search(/class="correct/) === -1){
+            $(".csh_HintQuickFeedback", element).show();
             $.ajax({
                 type: "POST",
                 url: runtime.handlerUrl(element, 'get_hint'),