Add some initial css.

lms/static/coffee/src/staff_grading/staff_grading.coffee

@@ -96,7 +96,7 @@ class StaffGrading
 
   setup_score_selection: =>
     # first, get rid of all the old inputs, if any.
-    @score_selection_container.html('')
+    @score_selection_container.html('Choose score: ')
 
     # Now create new labels and inputs for each possible score.
     for score in [1..@max_score]
@@ -106,7 +106,7 @@ class StaffGrading
       input = """
               <input type="radio" name="score-selection" id="#{id}" value="#{score}"/>
               """       # "  fix broken parsing in emacs
-      @score_selection_container.append(label + input)
+      @score_selection_container.append(input + label)
 
     # And now hook up an event handler again
     $("input[name='score-selection']").change @graded_callback

lms/static/sass/course.scss

@@ -43,6 +43,7 @@
 @import "course/profile";
 @import "course/gradebook";
 @import "course/tabs";
+@import "course/staff_grading";
 
 // instructor
 @import "course/instructor/instructor";

lms/static/sass/course/_staff_grading.scss

+div.staff-grading {
+    textarea.feedback-area {
+        height: 100px;
+        margin: 20px;
+    }
+
+    div {
+        margin: 10px;
+    }
+
+    label {
+        margin: 10px;
+        padding: 5px;
+        display: inline-block;
+        min-width: 50px;
+        background-color: #CCC;
+        text-size: 1.5em;
+    }
+    
+    /* Toggled State */
+    input[type=radio]:checked + label {
+        background: #666;
+        color: white;
+    }
+
+    input[name='score-selection'] {
+        display: none;
+    }
+}