Letterbox video. Hide toolbar in fullscreen

Cleaner-looking Chromecast and Airplay icons

Hide top bar in full screen mode

renderer/index.css

@@ -117,7 +117,6 @@ a:not(.disabled):hover, i:not(.disabled):hover {
 
 .header .nav {
   font-weight: bold;
-  margin-left: 78px;
   margin-right: 7px;
 }
 
@@ -176,6 +175,11 @@ body.drag::before {
   background-color: #000;
 }
 
+.player .letterbox {
+  height: 100%;
+  display: flex;
+}
+
 .player video {
   display: block;
   width: 100%;
@@ -325,11 +329,6 @@ body.drag::before {
   margin: 5px auto;
 }
 
-.player-controls .chromecast,
-.player-controls .airplay {
-  font-size: 22px; /* make the cast icons less huge */
-}
-
 .player-controls .chromecast,
 .player-controls .airplay,
 .player-controls .fullscreen {
@@ -340,6 +339,12 @@ body.drag::before {
   float: right;
 }
 
+.player-controls .chromecast,
+.player-controls .airplay {
+  font-size: 18px; /* make the cast icons less huge */
+  margin-top: 8px !important;
+}
+
 .player .playback-bar:hover .loading-bar {
   height: 5px;
 }