From 939e77f2708883aa1aa266775e2d6c4d1dd8fa58 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Mon, 28 Dec 2020 14:34:28 -0600
Subject: [PATCH] Make video canvas bg go behind menu

---
 pages/app/_slug/benchmarks.vue  | 5 +++--
 pages/game/_slug/benchmarks.vue | 5 +++--
 pages/tv/_slug.vue              | 3 ++-
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/pages/app/_slug/benchmarks.vue b/pages/app/_slug/benchmarks.vue
index e7f335f..58b254e 100644
--- a/pages/app/_slug/benchmarks.vue
+++ b/pages/app/_slug/benchmarks.vue
@@ -1,11 +1,12 @@
 <template>
-    <section class="container py-16">
+    <section class="container pb-16">
         <div class="flex flex-col items-center text-center space-y-8">
             <template
                 v-if="video"
             >
                 <VideoPlayer
                     :video="video"
+                    class="pt-16"
                 />
                 <ChannelCredit
                     :video="video"
@@ -20,7 +21,7 @@
                         'margin-left': '-50vw',
                         'margin-right': '-50vw'
                     }"
-                    class="video-canvas w-screen flex justify-center bg-black"
+                    class="video-canvas w-screen flex justify-center bg-black pt-16"
                 >
                     <div class="ratio-wrapper w-full max-w-4xl">
                         <div class="relative overflow-hidden w-full pb-16/9">
diff --git a/pages/game/_slug/benchmarks.vue b/pages/game/_slug/benchmarks.vue
index 8db8a65..8201fd4 100644
--- a/pages/game/_slug/benchmarks.vue
+++ b/pages/game/_slug/benchmarks.vue
@@ -1,11 +1,12 @@
 <template>
-    <section class="container py-16">
+    <section class="container pb-16">
         <div class="flex flex-col items-center text-center space-y-8">
             <template
                 v-if="video"
             >
                 <VideoPlayer
                     :video="video"
+                    class="pt-16"
                 />
                 <ChannelCredit
                     :video="video"
@@ -20,7 +21,7 @@
                         'margin-left': '-50vw',
                         'margin-right': '-50vw'
                     }"
-                    class="video-canvas w-screen flex justify-center bg-black"
+                    class="video-canvas w-screen flex justify-center bg-black pt-16"
                 >
                     <div class="ratio-wrapper w-full max-w-4xl">
                         <div class="relative overflow-hidden w-full pb-16/9">
diff --git a/pages/tv/_slug.vue b/pages/tv/_slug.vue
index 713d985..a01f227 100644
--- a/pages/tv/_slug.vue
+++ b/pages/tv/_slug.vue
@@ -1,8 +1,9 @@
 <template>
-    <section class="container py-16">
+    <section class="container pb-16">
         <div class="flex flex-col items-center text-center space-y-6">
             <VideoPlayer
                 :video="video"
+                class="pt-16"
             />
 
             <div