From d2cc8696eda59d42eb6eb9014ac09631db87dd24 Mon Sep 17 00:00:00 2001
From: Victor Shnayder <victor@edx.org>
Date: Tue, 20 Nov 2012 11:11:18 -0500
Subject: [PATCH] Add some initial css.

---
 .../src/staff_grading/staff_grading.coffee    |  4 +--
 lms/static/sass/course.scss                   |  1 +
 lms/static/sass/course/_staff_grading.scss    | 29 +++++++++++++++++++
 3 files changed, 32 insertions(+), 2 deletions(-)
 create mode 100644 lms/static/sass/course/_staff_grading.scss

diff --git a/lms/static/coffee/src/staff_grading/staff_grading.coffee b/lms/static/coffee/src/staff_grading/staff_grading.coffee
index a3d5cf939b..ffdb28ccfd 100644
--- a/lms/static/coffee/src/staff_grading/staff_grading.coffee
+++ b/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
diff --git a/lms/static/sass/course.scss b/lms/static/sass/course.scss
index acd735d25e..e900e589b2 100644
--- a/lms/static/sass/course.scss
+++ b/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";
diff --git a/lms/static/sass/course/_staff_grading.scss b/lms/static/sass/course/_staff_grading.scss
new file mode 100644
index 0000000000..4900f78bd0
--- /dev/null
+++ b/lms/static/sass/course/_staff_grading.scss
@@ -0,0 +1,29 @@
+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;
+    }
+}