From ad3b3990367f8a4506033ef503b4e164bfcd7f12 Mon Sep 17 00:00:00 2001
From: Front <27463495+Frontesque@users.noreply.github.com>
Date: Sun, 20 Mar 2022 12:55:25 -0400
Subject: [PATCH] refactor: :zap: basic cleanup

---
 NUXT/layouts/default.vue |  4 ++--
 NUXT/pages/watch.vue     | 10 +++++++---
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/NUXT/layouts/default.vue b/NUXT/layouts/default.vue
index 1cce7ce..9665bf0 100644
--- a/NUXT/layouts/default.vue
+++ b/NUXT/layouts/default.vue
@@ -29,13 +29,13 @@
     <div style="height: calc(100% - 1rem); margin-top: 1rem; padding-top: 3rem; background: linear-gradient(var(--v-accent-base) 0%, var(--v-accent2-base) 100%); border-radius: 1rem;">
       <div
         class="background scroll-y"
-        style="padding: 0; height: calc(100vh - 8rem); overflow-x: hidedn;"
+        style="padding: 0; height: calc(100vh - 8rem); overflow-x: hidden;"
       >
 
         <nuxt v-show="!search" />
         <div style="min-width: 180px;" v-if="search">
           <v-list-item v-for="(item, index) in response" :key="index">
-            <v-btn text dense class="info--text searchButton text-left" @click="youtubeSearch(item)" v-text="item[0]" />
+            <v-btn text dense class="info--text searchButton text-left text-capitalize" @click="youtubeSearch(item)" v-text="item[0]" />
           </v-list-item>
         </div>
 
diff --git a/NUXT/pages/watch.vue b/NUXT/pages/watch.vue
index a0586a7..090b239 100644
--- a/NUXT/pages/watch.vue
+++ b/NUXT/pages/watch.vue
@@ -2,12 +2,12 @@
   <div>
     <video controls autoplay :src="vidSrc" width="100%" height="300vh" />
     <v-card class="ml-2 mr-2 flat light" flat>
-      <v-card-title style="padding-top: 0;">{{ title }}</v-card-title>
+      <v-card-title style="padding-top: 0; padding-bottom: 0; font-size: 0.95em;" v-text="title" />
       <v-card-text>
-        <span>{{ views }} views • {{uploaded}}</span><br />
+        <div style="margin-bottom: 1em;">{{ views }} views • {{uploaded}}</div>
         
         <!--   Scrolling Div For Interactions   --->
-        <div style="display: flex;">
+        <div style="display: flex; margin-bottom: 1em;">
           <v-list-item v-for="(item, index) in interactions" :key="index" style="padding: 0; flex: 0 0 20%;">
 
 
@@ -22,6 +22,10 @@
           <v-btn text @click="showMore = !showMore"><v-icon>mdi-chevron-up</v-icon></v-btn>
         </div>
         <!--   End Scrolling Div For Interactions   --->
+        <hr>
+        <p>Channel Stuff</p>
+        <hr>
+
 
       </v-card-text>