13th fixes

2 files changed, 11 insertions, 20 deletions

diff --git a/components/videoPlayer.js b/components/videoPlayer.js
index f93f153..cee760f 100644
--- a/components/videoPlayer.js
+++ b/components/videoPlayer.js
@@ -51,8 +51,6 @@ export default function VideoPlayer({
     compiler();
   }, [data]);
 
-  // console.log(skip);
-
   return (
     <>
       {loading ? (
@@ -124,6 +122,7 @@ export default function VideoPlayer({
                 }
                 // Show the layer
                 art.layers.show = true;
+                art.layers.op.style.display = "block";
                 if (art.layers.ed) {
                   art.layers.ed.style.display = "none";
                 }
@@ -136,12 +135,12 @@ export default function VideoPlayer({
                 if (!art.layers.ed) {
                   art.layers.add({
                     name: "ed",
-                    html: `<button style="background-color: #fff; color: black; padding: 10px 25px; border: none; border-radius: 4px; cursor: pointer; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); font-family: Karla, sans-serif; font-size: 16px; text-align: center;">Skip Ending</button>`,
+                    html: `<button class="skip-button">Skip Ending</button>`,
                     tooltip: "Skip",
                     style: {
                       position: "absolute",
                       bottom: "68px",
-                      right: "60px",
+                      right: "58px",
                     },
                     click: function (...args) {
                       art.seek = ed.interval.endTime;
@@ -150,11 +149,17 @@ export default function VideoPlayer({
                 }
                 // Show the layer
                 art.layers.show = true;
+                art.layers.ed.style.display = "block";
                 if (art.layers.op) {
                   art.layers.op.style.display = "none";
                 }
               } else {
-                art.layers.show = false;
+                if (art.layers.op) {
+                  art.layers.op.style.display = "none";
+                }
+                if (art.layers.ed) {
+                  art.layers.ed.style.display = "none";
+                }
               }
             });
 
diff --git a/styles/globals.css b/styles/globals.css
index d0278c0..b101081 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -145,19 +145,5 @@ button {
 }
 
 .skip-button {
-  @apply bg-white xs:w-28 xs:h-9 w-20 h-7 -right-8 bottom-6 rounded-md font-karla shadow-xl hover:bg-[#f1f1f1] text-black md:static absolute xs:-right-6 xs:bottom-0;
-}
-
-@media screen and (max-width: 768px) {
-  .skip-button {
-    font-size: 14px;
-    padding: 8px 20px;
-  }
-}
-
-@media screen and (max-width: 480px) {
-  .skip-button {
-    font-size: 12px;
-    padding: 6px 16px;
-  }
+  @apply bg-white xs:w-28 xs:h-9 w-24 h-7 -right-8 -bottom-7 rounded-md font-karla shadow-xl hover:bg-[#f1f1f1] text-black md:static absolute xs:-right-6 xs:-bottom-5 xs:text-[15px] text-xs md:text-sm;
 }