fixing borders

nginx/vue/src/components/spotify/Listening.vue

@@ -1,13 +1,13 @@
 <template>
+    <h2 class="center-content">Listening to RN! ^_^</h2>
     <div v-if="song.is_playing" class="center-content">
         <img :src="song.item.album.images[0].url" />
         <p><strong>Song:</strong> {{ song.item.name }}</p>
         <p><strong>Artist:</strong> {{ song.item.artists[0].name }}</p>
-        <p>Is what im currently listening to rnrnrn ^_^</p>
     </div>
-    <div v-else class="center-content">
+    <div v-else class="center-content bg-white border2 shadow1">
         <img src="/img/Untitled.png" />
-        <p>I ain't listenin to nofin rn</p>
+        <p>I ain't listenin to nofin rn :/</p>
     </div>
 </template>
 

nginx/vue/src/components/spotify/Recent.vue

@@ -1,5 +1,5 @@
 <template>
-    <h2 class="center-content">What've been listening to recently</h2>
+    <h2 class="center-content">Listening to RECENTLY</h2>
     <div class="flex-row">
         <div
             v-for="(song, idx) in played"

nginx/vue/src/views/Home.vue

@@ -52,7 +52,7 @@ import Radio from "@/components/Radio.vue";
         </div> -->
 
         <div class="border1 tile1">
-            <Radio class="fill bg-white shadow1" />
+            <Radio class="fill bg-white border2 shadow1" />
         </div>
 
         <div class="border1 tile3">