From 132a231b82bc33a57af969f4323289c677a596d0 Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Thu, 11 Dec 2025 11:16:07 +0000
Subject: [PATCH] makin look nice

---
 nginx/vue/public/css/styles.css             | 1 +
 nginx/vue/src/components/home/Feed.vue      | 2 +-
 nginx/vue/src/components/home/Listening.vue | 9 +++++++--
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/nginx/vue/public/css/styles.css b/nginx/vue/public/css/styles.css
index acadd93..4297c6e 100644
--- a/nginx/vue/public/css/styles.css
+++ b/nginx/vue/public/css/styles.css
@@ -230,6 +230,7 @@ button {
 .center-content {
     align-items: center;
     text-align: center;
+    justify-content: center;
 }
 
 .flex-row {
diff --git a/nginx/vue/src/components/home/Feed.vue b/nginx/vue/src/components/home/Feed.vue
index b278be6..e006b3e 100644
--- a/nginx/vue/src/components/home/Feed.vue
+++ b/nginx/vue/src/components/home/Feed.vue
@@ -47,7 +47,7 @@ onMounted(() => {
 </script>
 
 <template>
-    <div v-if="fetched">
+    <div v-if="fetched" class="center-content">
         <h2>{{ post.title }}</h2>
         <p>By: {{ post.author.username }}</p>
         <div>{{ post.content }}</div>
diff --git a/nginx/vue/src/components/home/Listening.vue b/nginx/vue/src/components/home/Listening.vue
index aa0f428..7f76f97 100644
--- a/nginx/vue/src/components/home/Listening.vue
+++ b/nginx/vue/src/components/home/Listening.vue
@@ -33,12 +33,17 @@ onMounted(() => {
 
 <template>
     <Transition name="fade" mode="out-in">
-        <div v-if="fetched" :key="song" v-on:click="nextSong" class="flex-row">
+        <div
+            v-if="fetched"
+            :key="song"
+            v-on:click="nextSong"
+            class="flex-row center-content"
+        >
             <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 v-else class="flex-row">
+        <div v-else class="flex-row center-content">
             <img src="/img/Untitled.png" />
             <p>I ain't listenin to nofin rn :/</p>
         </div>