Doing some restyling on peer grading

lms/static/sass/course/_staff_grading.scss

@@ -2,16 +2,20 @@ div.staff-grading,
 div.peer-grading{
     textarea.feedback-area {
         height: 75px;
-        margin: 20px;
+        margin: 0px;
+    }
+
+    h1 {
+        margin : 0 0 0 10px;
     }
 
     div {
-        margin: 10px;
+        margin: 0px;
     }
 
     label {
-        margin: 10px;
-        padding: 5px;
+        margin: 0px;
+        padding: 2px;
         display: inline-block;
         min-width: 50px;
         background-color: #CCC;
@@ -36,11 +40,11 @@ div.peer-grading{
         width:100%;
         th
         {
-            padding: 10px;
+            padding: 2px;
         }
         td
         {
-            padding:10px;
+            padding:2px;
         }
         td.problem-name
         {
@@ -59,31 +63,30 @@ div.peer-grading{
     .calibration-feedback-wrapper,
     .grading-container
     {
-        border: 1px solid gray;
-        padding: 15px;
+        padding: 2px;
     }
     .error-container
     {
         background-color: #FFCCCC;
-        padding: 15px;
+        padding: 2px;
         margin-left: 0px;
     }
     .submission-wrapper
     {
         h3
         {
-            margin-bottom: 15px;
+            margin-bottom: 2px;
         }
         p
         {
-            margin-left:10px;
+            margin-left:2px;
         }
-        padding: 15px;
+        padding: 2px;
     }
     .meta-info-wrapper
     {
         background-color: #eee;
-        padding:15px;
+        padding:2px;
         h3
         {
             font-size:1em;
@@ -94,7 +97,7 @@ div.peer-grading{
             font-size: .85em;
             li
             {
-                margin: 5px 0px;
+                margin: 1px 0px;
             }
         }
     }
@@ -102,28 +105,27 @@ div.peer-grading{
     .grading-message
     {
         background-color: $yellow;
-        padding: 10px;
+        padding: 2px;
         margin-left:0px;
     }
     
     .breadcrumbs
     {
-        margin-top:20px;
+        margin-top:2px;
         margin-left:0px;
-        margin-bottom:5px;
+        margin-bottom:2px;
         font-size: .8em;
     }
 
     .instructions-panel
     {
 
-        margin-right:20px;
+        margin-right:2px;
         > div
         {
             padding: 2px;
-            margin: 0px;
+            margin-bottom: 5px;
             background: #eee;
-            height: 10em;
             width:47.6%;
             h3
             {
@@ -161,8 +163,8 @@ div.peer-grading{
         margin-left: 0px;
         header
         {
-            margin-top:20px;
-            margin-bottom:20px;
+            margin-top:2px;
+            margin-bottom:2px;
             font-size: 1.2em;
         }
     }
@@ -175,7 +177,7 @@ div.peer-grading{
             margin-top: 20px;
         }
     }
-    padding: 40px;
+    padding: 5px;
   .rubric {
       tr {
           margin:10px 0px;

lms/templates/peer_grading/peer_grading_problem.html

@@ -3,25 +3,12 @@
         <div class="error-container"></div>
 
         <section class="content-panel">
-        <h1>Peer Grading </h1>
         <div class="instructions-panel">
             <div class="calibration-panel">
                 <h3>Learning to Grade</h3>
-                <div class="calibration-text">
-                    <p>Before you can do any proper peer grading, you first need to understand how your own grading compares to that of the instrutor. Once your grades begin to match the instructor's, you will move on to grading your peers!</p>
-                </div>
-                <div class="grading-text">
-                    <p>You have successfully managed to calibrate your answers to that of the instructors and have moved onto the next step in the peer grading process.</p>
-                </div>
             </div>
             <div class="grading-panel">
-                <h3>Grading</h3>
-                <div class="calibration-text">
-                    <p>You cannot start grading until you have graded a sufficient number of training problems and have been able to demonstrate that your scores closely match that of the instructor.</p>
-                </div>
-                <div class="grading-text">
-                    <p>Now that you have finished your training, you are now allowed to grade your peers. Please keep in mind that students are allowed to respond to the grades and feedback they receive.</p>
-                </div>
+                <h3>Peer Grading</h3>
             </div>
         </div>