From 5ebe18d0812fe96b40adda8c6ad057197a8d4b39 Mon Sep 17 00:00:00 2001
From: Sam Potts <sam@potts.es>
Date: Tue, 13 Mar 2018 22:00:40 +1100
Subject: Typography fix

---
 src/sass/base.scss        | 1 +
 src/sass/plugins/ads.scss | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/sass/base.scss b/src/sass/base.scss
index 307da36e..1a8070a0 100644
--- a/src/sass/base.scss
+++ b/src/sass/base.scss
@@ -8,6 +8,7 @@
 
     direction: ltr;
     font-family: $plyr-font-family;
+    font-variant-numeric: tabular-nums; // Force monosace-esque number widths
     font-weight: $plyr-font-weight-regular;
     line-height: $plyr-line-height;
     max-width: 100%;
diff --git a/src/sass/plugins/ads.scss b/src/sass/plugins/ads.scss
index 89330611..a5af93ab 100644
--- a/src/sass/plugins/ads.scss
+++ b/src/sass/plugins/ads.scss
@@ -9,16 +9,17 @@
     position: absolute;
     right: 0;
     top: 0;
-    z-index: -1; // Hide it.
+    z-index: -1; // Hide it by default
 
     // Make sure the inner container is big enough for the ad creative.
     > div,
     > div iframe {
+        height: 100%;
         position: absolute;
         width: 100%;
-        height: 100%;
     }
 
+    // The countdown label
     &::after {
         background: rgba($plyr-color-gunmetal, 0.8);
         border-radius: 2px;
-- 
cgit v1.2.3