starting to figure out ux

crowdsourcehinter/static/css/crowdsourcehinter.css

@@ -37,7 +37,8 @@
 }
 
 div[data-rate="flag"]{
-     float: center;
+     position: relative;
+     float: right;
 }
 
 div[data-rate="upvote"] {

crowdsourcehinter/static/html/crowdsourcehinter.html

@@ -45,7 +45,7 @@
     <div class="csh_student_answer">
         <span><b>{{answer}}</b></span>
         <div>
-            <input type ="button" class="csh_student_hint_creation" value="Submit a new hint for this answer."
+            <input type ="button" class="csh_student_hint_creation" value="Submit a New Hint"
             </input>
         </div>
     </div>

crowdsourcehinter/static/js/src/crowdsourcehinter.js

@@ -84,7 +84,7 @@ function CrowdsourceHinter(runtime, element){
                     };
                     html = Mustache.render($("#show_hint_feedback").html(), data);
                 });
-                $(this).append(html);
+                $(this).find("span").append(html);
             }
         });
     }
@@ -232,9 +232,12 @@ function CrowdsourceHinter(runtime, element){
             success: function (result){
                     if(result.rating == "flagged"){
                         //hide hint if it was flagged by the student
-                        $(this).parent().parent().hide();
+                        $(".csh_hint", element).each(function(){
+                            if ($(this).parent().parent().find(".csh_hint").text() == hint && $(this).parent().parent().parent().find("span").text() == student_answer){
                                 $(this).parent().parent().remove();
                             }
+                        });
+                    }
                     else if(result.rating != "voted"){
                         $(".csh_hint", element).each(function(){
                             if ($(this).parent().parent().find(".csh_hint").text() == hint && $(this).parent().parent().parent().find("span").text() == student_answer){