Fixes issue where media player was cutoff for mid width devices

src/app/app.scss

@@ -3,6 +3,7 @@
 // Bar heights (keep in sync so player sits flush below navbar)
 $navbar-height-mobile: 64px;
 $navbar-height-desktop: 52px;
+$player-height: 48px;
 
 app-navbar {
   position: fixed;
@@ -21,7 +22,7 @@ app-media-player {
 }
 
 main {
-  padding-top: calc(#{$navbar-height-mobile} + 44px);
+  padding-top: calc(#{$navbar-height-mobile} + #{$player-height});
 }
 
 @media (min-width: #{$bp-md}) {
@@ -30,6 +31,6 @@ main {
   }
 
   main {
-    padding-top: calc(#{$navbar-height-desktop} + 44px);
+    padding-top: calc(#{$navbar-height-desktop} + #{$player-height});
   }
 }