From 53da09759116dd558ba49fb1fca08e5048822d7d Mon Sep 17 00:00:00 2001
From: Bnyro <bnyro@tutanota.com>
Date: Mon, 19 Dec 2022 16:31:50 +0100
Subject: [PATCH] fix some minor issues with the playlists page and navbar

---
 src/components/NavBar.vue        |  3 +++
 src/components/PlaylistsPage.vue | 26 +++++++++++++++++---------
 2 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 92e07e84..42ec6fd6 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -126,15 +126,18 @@
 
 <script>
 import SearchSuggestions from "./SearchSuggestions.vue";
+import LoginModal from "./LoginModal.vue";
 import hotkeys from "hotkeys-js";
 export default {
     components: {
         SearchSuggestions,
+        LoginModal,
     },
     data() {
         return {
             searchText: "",
             suggestionsVisible: false,
+            showLoginModal: false,
             showTopNav: false,
         };
     },
diff --git a/src/components/PlaylistsPage.vue b/src/components/PlaylistsPage.vue
index 27bebe31..cd1a4171 100644
--- a/src/components/PlaylistsPage.vue
+++ b/src/components/PlaylistsPage.vue
@@ -4,16 +4,24 @@
     <hr />
 
     <div>
-        <div class="flex">
+        <div class="flex justify-between">
             <button v-t="'actions.create_playlist'" class="btn mr-2" @click="onCreatePlaylist" />
-            <button
-                v-if="this.playlists.length > 0"
-                v-t="'actions.export_to_json'"
-                class="btn"
-                @click="exportPlaylists"
-            />
-            <input id="fileSelector" ref="fileSelector" type="file" class="display-none" @change="importPlaylists" />
-            <label for="fileSelector" v-t="'actions.import_from_json'" class="btn ml-2" role="button" />
+            <div class="flex">
+                <button
+                    v-if="this.playlists.length > 0"
+                    v-t="'actions.export_to_json'"
+                    class="btn"
+                    @click="exportPlaylists"
+                />
+                <input
+                    id="fileSelector"
+                    ref="fileSelector"
+                    type="file"
+                    class="display-none"
+                    @change="importPlaylists"
+                />
+                <label for="fileSelector" v-t="'actions.import_from_json'" class="btn ml-2" role="button" />
+            </div>
         </div>
 
         <div class="video-grid">