LEARNER-3935 Style updates

lms/static/js/learner_analytics_dashboard/GradeTable.jsx

@@ -43,7 +43,7 @@ class GradeTable extends React.Component {
       );
     });
 
-    return <tbody className="type-group" key={groupIndex}>{rows}</tbody>;
+    return rows.length ? <tbody className="type-group" key={groupIndex}>{rows}</tbody> : false;
   }
   
   render() {
@@ -60,7 +60,7 @@ class GradeTable extends React.Component {
         {assignmentTypes.map((type, index) => this.getTableGroup(type, index))}
         <tfoot>
           <tr className="totals">
-            <td>Totals</td>
+            <td className="footer-label">Total</td>
             <td>{passingGrade}%</td>
             <td>*{percentGrade}%</td>
           </tr>

lms/static/sass/features/_learner-analytics-dashboard.scss

@@ -1,6 +1,5 @@
 $mint-green: #92c9d3;
 $slices: #386f77, #1abc9c, $mint-green, #397d1c, #a39d3d, #0a5aaa;
-$border-color: #4a4a4a;
 $table-border: rgba(155, 155, 155, 0.2);
 $font-color: #636c72;
 $heading-color: #292b2c;
@@ -78,7 +77,8 @@ $trophy-gold: #f39c12;
   .grading-weight-wrapper {
     display: flex;
     flex-flow: row wrap;
-    border-bottom: 1px solid $border-color;
+    border-bottom: 1px solid $table-border;
+    margin-bottom: 25px;
     .chart-wrapper {
       width: 90px;
       height: 90px;
@@ -193,6 +193,15 @@ $trophy-gold: #f39c12;
           font-weight: bold;
         }
       }
+
+      .totals {
+        font-size: 18px;
+        border-color: $table-border;
+
+        .footer-label {
+          color: black;
+        }
+      }
     }
 
     .footnote {