fixing styles

nginx/vue/src/components/Navbar.vue

@@ -1,7 +1,7 @@
 <template>
     <nav class="no-print flex-row">
         <RouterLink to="/"><h1>HOME</h1></RouterLink>
-        <RouterLink to="/cv"><h1>CV</h1></RouterLink>
+        <!-- <RouterLink to="/cv"><h1>CV</h1></RouterLink> -->
     </nav>
 </template>
 
@@ -9,11 +9,4 @@
 nav {
     height: 10vh;
 }
-a {
-    rotate: -50deg;
-    height: 100%;
-    background: white;
-    padding: 4px;
-    border: 2px solid black;
-}
 </style>

nginx/vue/src/components/Radio.vue

@@ -1,9 +1,9 @@
 <template>
-    <div v-if="streamLive" class="stream-live">
+    <div v-if="streamLive">
         <img src="/img/tmpen31z3pe.PNG" />
         <audio controls :src="streamUrl" ref="audio"></audio>
     </div>
-    <div v-else class="stream-not-live">
+    <div v-else>
         <img src="/img/tmpen31z3pe.PNG" />
         <p>Stream is currently offline.</p>
         <button @click="checkStream()">Check Stream</button>
@@ -40,16 +40,3 @@ onMounted(() => {
     setInterval(checkStream, 30000);
 });
 </script>
-
-<style scoped>
-.stream-live {
-    background: white;
-    border: 2px solid black;
-    text-align: center;
-}
-.stream-not-live {
-    background: white;
-    border: 2px solid black;
-    text-align: center;
-}
-</style>

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

@@ -1,12 +1,14 @@
 <template>
-    <div
-        v-for="(song, idx) in played"
-        :key="song.track.id || idx"
-        class="tile1"
-    >
-        <img :src="song.track.album.images[0].url" />
-        <p><strong>Song:</strong> {{ song.track.name }}</p>
-        <p><strong>Artist:</strong> {{ song.track.artists[0].name }}</p>
+    <div class="flex-row">
+        <div
+            v-for="(song, idx) in played"
+            :key="song.track.id || idx"
+            class="tile1 bg-white border2 shadow1"
+        >
+            <img :src="song.track.album.images[0].url" />
+            <p><strong>Song:</strong> {{ song.track.name }}</p>
+            <p><strong>Artist:</strong> {{ song.track.artists[0].name }}</p>
+        </div>
     </div>
 </template>