[S] Vertical align letter and numeric

src/pages/overall/overall-course/course-head/course-head.scss

@@ -32,12 +32,6 @@
     }
 }
 
-#block-term-grades
-{
-    width: 100px;
-    float: right;
-}
-
 #block-grade
 {
     // Align right
@@ -98,3 +92,12 @@
         }
     }
 }
+
+#block-term-grades
+{
+    // Align right
+    width: 100px;
+    float: right;
+
+
+}

src/pages/overall/overall-course/course-head/course-head.vue

@@ -17,9 +17,8 @@
             </div>
         </div>
         <div id="block-term-grades" v-for="term in course.allGradingPeriods.slice().reverse()">
-            <span class="letter">{{course.letterGradeTerm(term)}} </span>
+            <div class="term-letter">{{course.letterGradeTerm(term)}} </div>
-            <span class="numeric">{{course.numericGradeTerm(term).toFixed(2)}}</span>
+            <div class="term-numeric">{{course.numericGradeTerm(term).toFixed(1)}}%</div>
-            <span class="percent">%</span>
         </div>
     </div>
 </template>