[S] Vertical align letter and numeric

2019-12-21 17:13:38 -05:00
parent e63547140b
commit eaac2b9332
2 changed files with 11 additions and 9 deletions
@@ -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;
+
+
+}
@@ -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>
-            <span class="numeric">{{course.numericGradeTerm(term).toFixed(2)}}</span>
-            <span class="percent">%</span>
+            <div class="term-letter">{{course.letterGradeTerm(term)}} </div>
+            <div class="term-numeric">{{course.numericGradeTerm(term).toFixed(1)}}%</div>
        </div>
    </div>
 </template>