From 5333b4bc13475df347df546f00d9c35c2bc07398 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?= <kasper@kasperrt.no>
Date: Fri, 5 Oct 2018 12:37:55 +0200
Subject: [PATCH] Fixed issue with player on frontpage on smaller windows
 overlapped where it shouldn't

---
 server/public/assets/css/style.css   | 4 ++++
 server/public/assets/js/channel.js   | 1 +
 server/public/assets/js/frontpage.js | 1 +
 3 files changed, 6 insertions(+)

diff --git a/server/public/assets/css/style.css b/server/public/assets/css/style.css
index fb91240c..42df5db0 100755
--- a/server/public/assets/css/style.css
+++ b/server/public/assets/css/style.css
@@ -3504,6 +3504,10 @@ nav ul li:hover, nav ul li.active {
         bottom: 55px;
     }
 
+    #video-container.video-container.frontpage-player {
+        width: auto !important;
+    }
+
     .chan {
         text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.42);
         width: calc(100vw - 170px) !important;
diff --git a/server/public/assets/js/channel.js b/server/public/assets/js/channel.js
index 6d2e9045..3b5b927e 100644
--- a/server/public/assets/js/channel.js
+++ b/server/public/assets/js/channel.js
@@ -629,6 +629,7 @@ var Channel = {
                         Helper.removeElement("#main_components");
                         Helper.addClass("#player_overlay", "player_bottom");
                         Helper.addClass("#player", "player_bottom");
+                        Helper.addClass(".video-container", "frontpage-player");
                         Helper.addClass("#main-row", "frontpage_modified_heights");
                         Helper.css("#player", "opacity", "1");
                         Helper.removeClass("#video-container", "no-opacity");
diff --git a/server/public/assets/js/frontpage.js b/server/public/assets/js/frontpage.js
index ff527fe6..026e08f7 100755
--- a/server/public/assets/js/frontpage.js
+++ b/server/public/assets/js/frontpage.js
@@ -399,6 +399,7 @@ var Frontpage = {
                     document.getElementById("main-row").insertAdjacentHTML("beforeend", "<div id='playbar'></div>");
                     Helper.removeClass("#player", "player_bottom");
                     Helper.removeClass("#player_overlay", "player_bottom");
+                    Helper.removeClass(".video-container", "frontpage-player");
                     Helper.removeClass("#main-row", "frontpage_modified_heights");
                     Helper.removeElement("#main_section_frontpage");
                     Helper.removeElement("#closePlayer");