Restyle feed page (#410)

src/components/FeedPage.vue

@@ -1,12 +1,23 @@
 <template>
     <h1 class="uk-text-bold uk-text-center" v-t="'titles.feed'" />
 
-    <small>You can import subscriptions from <router-link to="/import">here</router-link>.</small>
+    <button
+        v-if="authenticated"
+        @click="exportHandler"
+        class="uk-button uk-button-small"
+        style="background: #222; margin-right: 0.5rem"
+        type="button"
+    >
+        <router-link to="/subscriptions">
+            Subscriptions
+        </router-link>
+    </button>
 
-    <br />
-    <router-link to="/subscriptions" class="uk-text-center" v-t="'actions.view_subscriptions'" />
+    <span>
+        <a :href="getRssUrl"><font-awesome-icon icon="rss"></font-awesome-icon></a>
+    </span>
 
-    <br />
+    <span class="uk-align-right">
         {{ $t("actions.sort_by") }}
         <select class="uk-select uk-width-auto" v-model="selectedSort" @change="onChange()">
             <option value="descending" v-t="'actions.most_recent'" />
@@ -14,10 +25,7 @@
             <option value="channel_ascending" v-t="'actions.channel_name_asc'" />
             <option value="channel_descending" v-t="'actions.channel_name_desc'" />
         </select>
-
-    <div class="uk-align-right">
-        <a :href="getRssUrl"><font-awesome-icon icon="rss"></font-awesome-icon></a>
-    </div>
+    </span>
 
     <hr />
 

src/components/SubscriptionsPage.vue

@@ -1,6 +1,20 @@
 <template>
     <h1 class="uk-text-bold uk-text-center">Subscriptions</h1>
 
+    <button
+        v-if="authenticated"
+        @click="exportHandler"
+        class="uk-button uk-button-small"
+        style="background: #222"
+        type="button"
+    >
+        <router-link to="/import">
+        Import from JSON
+        </router-link>
+    </button>
+
+    <br />
+
     <button
         v-if="authenticated"
         @click="exportHandler"