From 519d4154e728fc8b1f7e83a04c90659978372991 Mon Sep 17 00:00:00 2001
From: Bobby Wibowo <bobbywibowo98@gmail.com>
Date: Tue, 3 Nov 2020 21:25:07 +0700
Subject: [PATCH] Updated

---
 src/css/player.scss | 9 +++++++--
 src/js/player.js    | 2 +-
 views/player.njk    | 2 +-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/css/player.scss b/src/css/player.scss
index b955e93..433d88c 100644
--- a/src/css/player.scss
+++ b/src/css/player.scss
@@ -4,6 +4,11 @@
 
 /** Main **/
 
-.video-js {
-  margin: 1.5rem auto
+#inputForm,
+#playerContainer {
+  margin-bottom: 1.5rem
+}
+
+.video-js {
+  margin: 0 auto
 }
diff --git a/src/js/player.js b/src/js/player.js
index 8af9a84..d875d5d 100644
--- a/src/js/player.js
+++ b/src/js/player.js
@@ -14,7 +14,7 @@ const page = {
   uploadRoot: null,
   titleFormat: null,
 
-  videoContainer: document.querySelector('#player-container'),
+  videoContainer: document.querySelector('#playerContainer'),
   player: null
 }
 
diff --git a/views/player.njk b/views/player.njk
index afc0ce6..30f9ba0 100644
--- a/views/player.njk
+++ b/views/player.njk
@@ -76,7 +76,7 @@
       </div>
     </form>
 
-    <div id="player-container"></div>
+    <div id="playerContainer"></div>
 
     <article class="message">
       <div class="message-body">