From 6e3f705fae474af108333f742fcfe8dc48348ddd Mon Sep 17 00:00:00 2001
From: IceDBorn <51162078+IceDBorn@users.noreply.github.com>
Date: Sat, 4 Sep 2021 18:39:04 +0300
Subject: [PATCH] Restyle history page (#412)

---
 src/components/HistoryPage.vue | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/HistoryPage.vue b/src/components/HistoryPage.vue
index 0a87a796..13553a63 100644
--- a/src/components/HistoryPage.vue
+++ b/src/components/HistoryPage.vue
@@ -1,14 +1,15 @@
 <template>
     <h1 class="uk-text-bold uk-text-center">Watch History</h1>
 
-    <br />
-    Sort by:
-    <select class="uk-select uk-width-auto" v-model="selectedSort" @change="onChange()">
-        <option value="descending">Most Recent</option>
-        <option value="ascending">Least Recent</option>
-        <option value="channel_ascending">Channel Name (A-Z)</option>
-        <option value="channel_descending">Channel Name (Z-A)</option>
-    </select>
+    <div style="text-align: right">
+        Sort by:
+        <select class="uk-select uk-width-auto" v-model="selectedSort" @change="onChange()">
+            <option value="descending">Most Recent</option>
+            <option value="ascending">Least Recent</option>
+            <option value="channel_ascending">Channel Name (A-Z)</option>
+            <option value="channel_descending">Channel Name (Z-A)</option>
+        </select>
+    </div>
 
     <hr />
 
@@ -22,6 +23,8 @@
             <VideoItem :video="video" />
         </div>
     </div>
+
+    <br />
 </template>
 
 <script>