From 99a03d2314c969c95b4955284148e0ef500d6d5c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?= <kasper@kasperrt.no>
Date: Sat, 22 Sep 2018 17:13:44 +0200
Subject: [PATCH] Prettyer close-icon for PiP mode

---
 server/public/assets/css/style.css | 2 +-
 server/public/assets/js/channel.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/server/public/assets/css/style.css b/server/public/assets/css/style.css
index 6e2c321c..d3555903 100755
--- a/server/public/assets/css/style.css
+++ b/server/public/assets/css/style.css
@@ -520,7 +520,7 @@ li.disabled span {
 #closePlayer{
     position: fixed;
     top: 7px;
-    right: 14px;
+    right: 7px;
     z-index: 999999999999999;
     font-size: 18px;
     color: white;
diff --git a/server/public/assets/js/channel.js b/server/public/assets/js/channel.js
index fb936a5a..584180b5 100644
--- a/server/public/assets/js/channel.js
+++ b/server/public/assets/js/channel.js
@@ -614,7 +614,7 @@ var Channel = {
                         Helper.css("#player", "opacity", "1");
                         Helper.removeClass("#video-container", "no-opacity");
                         document.getElementById("main-row").insertAdjacentHTML("afterbegin", "<div id='player_bottom_overlay' class='player player_bottom'></div>");
-                        document.getElementById("player_bottom_overlay").insertAdjacentHTML("afterbegin", "<a id='closePlayer' title='Close Player'>X</a>");
+                        document.getElementById("player_bottom_overlay").insertAdjacentHTML("afterbegin", "<a id='closePlayer' title='Close Player'><i class='material-icons'>close</i></a>");
                         document.getElementById("player_bottom_overlay").setAttribute("data-channel", channel_before_move.toLowerCase());
                         Helper.removeElement("#playlist");
                     } else {