more css tweaks

lms/static/sass/course/courseware/_courseware.scss

@@ -242,17 +242,25 @@ div.course-wrapper {
 }
 
 
-.self-assessment {
-    textarea {
+section.self-assessment {
+    textarea.answer {
         height: 200px;
         padding: 5px;
         margin-top: 5px;
         margin-bottom: 5px;
     }
 
+    textarea.hint {
+        height: 100px;
+        padding: 5px;
+        margin-top: 5px;
+        margin-bottom: 5px;
+    }
+    
     div {
         margin-top: 5px;
         margin-bottom: 5px;
     }
+
 }
 

lms/templates/self_assessment_hint.html

@@ -2,6 +2,6 @@
     <div class="hint-prompt">
     ${hint_prompt}
     </div>
-    <textarea name="hint" class="hint" cols="50" rows="5"
+    <textarea name="hint" class="hint" cols="70" rows="5"
      ${'readonly="true"' if read_only else ''}>${hint}</textarea>
 </div>

lms/templates/self_assessment_prompt.html

@@ -6,7 +6,7 @@
     </div>
 
     <div>
-    <textarea name="answer" class="answer" cols="80" rows="20">${previous_answer|h}</textarea>
+    <textarea name="answer" class="answer" cols="70" rows="20">${previous_answer|h}</textarea>
     </div>
 
     <div class="rubric-wrapper">${initial_rubric}</div>