minor UI improvements

src/App.vue

@@ -7,13 +7,13 @@
             </keep-alive>
         </router-view>
 
-        <footer class="text-center">
+        <footer class="text-center my-2">
             <a aria-label="GitHub" href="https://github.com/TeamPiped/Piped">
                 <font-awesome-icon :icon="['fab', 'github']" />
             </a>
             <a class="ml-2" href="https://github.com/TeamPiped/Piped#donations">
                 <font-awesome-icon :icon="['fab', 'bitcoin']" />
-                <span v-t="'actions.donations'" />
+                <span class="ml-1" v-t="'actions.donations'" />
             </a>
         </footer>
     </div>

src/components/FeedPage.vue

@@ -1,5 +1,5 @@
 <template>
-    <h1 v-t="'titles.feed'" class="font-bold text-center" />
+    <h1 v-t="'titles.feed'" class="font-bold text-center my-4" />
 
     <button v-if="authenticated" class="btn mr-2" @click="exportHandler">
         <router-link to="/subscriptions">Subscriptions</router-link>

src/components/LoginPage.vue

@@ -1,6 +1,7 @@
 <template>
+    <h1 v-t="'titles.login'" class="font-bold text-center my-4" />
+    <hr />
     <div class="text-center">
-        <h1 v-t="'titles.login'" />
         <form class="children:pb-3">
             <div>
                 <input

src/components/PlaylistsPage.vue

@@ -1,5 +1,5 @@
 <template>
-    <h1 class="font-bold text-center" v-t="'titles.playlists'" />
+    <h1 class="font-bold text-center my-4" v-t="'titles.playlists'" />
 
     <hr />
 

src/components/RegisterPage.vue

@@ -1,4 +1,6 @@
 <template>
+    <h1 v-t="'titles.register'" class="font-bold text-center my-4" />
+    <hr />
     <div class="text-center">
         <form class="children:pb-3">
             <div>

src/components/TrendingPage.vue

@@ -1,5 +1,5 @@
 <template>
-    <h1 v-t="'titles.trending'" class="font-bold text-center" />
+    <h1 v-t="'titles.trending'" class="font-bold text-center my-4" />
 
     <hr />