fix(layout): Fix adaptive font-sizes for large screens

The adaptive font-sizes were not always fitting in the limited elements
of the player, since the player is growing horizontally only.

Fixes https://trello.com/c/SCyV1QxF

src/sass/_base.scss

@@ -43,12 +43,15 @@ textarea {
 
 // Scale text font up on very wide screens (1200px)
 @media screen and (min-width: $screen-lg-desktop) {
-  span,
   legend,
   input,
   select,
   button,
-  .time {
+  h2,
+  h3,
+  .badge,
+  .share-select-option,
+  .chapter span {
     font-size: $font-size-wide-screen;
   }
 }

src/sass/_progressbar.scss

@@ -116,11 +116,16 @@ progress[aria-valuenow]:before  {
     }
     .chapter-title {
       display: block;
-      padding: 11px 20px 0 15px;
+      padding: 11px $padding-base-horizontal 0 15px;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       font-weight: $font-weight-bold;
+      font-size: $font-size-base;
+      @media screen and (min-width: $screen-lg-min) {
+        font-size: $font-size-wide-screen;
+        padding: $padding-small-vertical $padding-base-horizontal 0 15px;
+      }
     }
   }
   .time {