refactor: ⚡ basic cleanup

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>
 

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>