Merge pull request #10275 from edx/frances/capa-problem-status-fix

Fix for problem status feedback spacing and partial credit hint

common/lib/xmodule/xmodule/css/capa/display.scss

@@ -43,7 +43,6 @@ $incorrect: $red;
 
   &:after {
     @extend %use-font-awesome;
-    @include margin-left(17px);
     color: $color;
     font-size: 1.2em;
     content: $fontAwesomeIcon;
@@ -174,6 +173,10 @@ div.problem {
         @include status-icon($correct, "\f00c");
         border: 2px solid $correct;
 
+        &:after {
+          @include margin-left($baseline*.75);
+        }
+
         // keep green for correct answers on hover.
         &:hover {
           border-color: $correct;
@@ -184,7 +187,11 @@ div.problem {
         @include status-icon($partiallycorrect, "\f069");
         border: 2px solid $partiallycorrect;
 
-        // keep green for correct answers on hover. 
+        &:after {
+          @include margin-left($baseline*.75);
+        }
+
+        // keep green for correct answers on hover.
         &:hover {
           border-color: $partiallycorrect;
         }
@@ -194,6 +201,10 @@ div.problem {
         @include status-icon($incorrect, "\f00d");
         border: 2px solid $incorrect;
 
+        &:after {
+          @include margin-left($baseline*.75);
+        }
+
         // keep red for incorrect answers on hover.
         &:hover {
           border-color: $incorrect;
@@ -233,6 +244,7 @@ div.problem {
 div.problem {
 
   .indicator-container {
+      @include margin-left($baseline*.75);
 
     .status {
       width: $baseline;
@@ -754,6 +766,7 @@ div.problem {
     .status {
       display: inline-block;
       margin-top: ($baseline/2);
+      @include margin-left($baseline*.75);
       background: none;
     }
 
@@ -815,10 +828,6 @@ div.problem {
     margin: (-$baseline/2) 0 $baseline;
     padding-bottom: $baseline;
 
-    select {
-      @include margin-right($baseline/2);
-    }
-
     .indicator-container {
       display: inline-block;