From 7211cad36921bddad6efa9101ed66d9035da92ac Mon Sep 17 00:00:00 2001
From: IceDBorn <51162078+IceDBorn@users.noreply.github.com>
Date: Sat, 4 Sep 2021 18:02:59 +0300
Subject: [PATCH] Restyle feed page (#410)

---
 src/components/FeedPage.vue          | 38 +++++++++++++++++-----------
 src/components/SubscriptionsPage.vue | 14 ++++++++++
 2 files changed, 37 insertions(+), 15 deletions(-)

diff --git a/src/components/FeedPage.vue b/src/components/FeedPage.vue
index d70e9561..3ffbaa7c 100644
--- a/src/components/FeedPage.vue
+++ b/src/components/FeedPage.vue
@@ -1,23 +1,31 @@
 <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'" />
-
-    <br />
-    {{ $t("actions.sort_by") }}
-    <select class="uk-select uk-width-auto" v-model="selectedSort" @change="onChange()">
-        <option value="descending" v-t="'actions.most_recent'" />
-        <option value="ascending" v-t="'actions.least_recent'" />
-        <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">
+    <span>
         <a :href="getRssUrl"><font-awesome-icon icon="rss"></font-awesome-icon></a>
-    </div>
+    </span>
+
+    <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'" />
+            <option value="ascending" v-t="'actions.least_recent'" />
+            <option value="channel_ascending" v-t="'actions.channel_name_asc'" />
+            <option value="channel_descending" v-t="'actions.channel_name_desc'" />
+        </select>
+    </span>
 
     <hr />
 
diff --git a/src/components/SubscriptionsPage.vue b/src/components/SubscriptionsPage.vue
index 684ac9d4..846e5e28 100644
--- a/src/components/SubscriptionsPage.vue
+++ b/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"