From d5a82ab2b34c21ae0a8ff38c742619aa155dd721 Mon Sep 17 00:00:00 2001
From: Jiiks <jiiks@windowslive.com>
Date: Mon, 26 Nov 2018 17:04:20 +0200
Subject: [PATCH] Load more spinner

---
 client/src/styles/partials/bdsettings/contentview.scss | 6 ++++++
 client/src/ui/components/bd/ThemesView.vue             | 8 ++++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/client/src/styles/partials/bdsettings/contentview.scss b/client/src/styles/partials/bdsettings/contentview.scss
index 907b123c..ce03ab24 100644
--- a/client/src/styles/partials/bdsettings/contentview.scss
+++ b/client/src/styles/partials/bdsettings/contentview.scss
@@ -11,6 +11,12 @@
             padding: 50px 0;
         }
 
+        .bd-onlinePhBody {
+            .bd-spinnerContainer {
+                padding: 0;
+            }
+        }
+
         h3 {
             color: #fff;
             font-weight: 700;
diff --git a/client/src/ui/components/bd/ThemesView.vue b/client/src/ui/components/bd/ThemesView.vue
index 2649125e..04600c02 100644
--- a/client/src/ui/components/bd/ThemesView.vue
+++ b/client/src/ui/components/bd/ThemesView.vue
@@ -31,11 +31,14 @@
                         <input type="text" class="bd-textInput" placeholder="Search" @keydown.enter="searchInput" @keyup.stop />
                     </div>
                     <div v-if="loadingOnline" class="bd-spinnerContainer">
-                        <div class="bd-spinner7"></div>
+                        <div class="bd-spinner7"/>
                     </div>
                 </div>
                 <div class="bd-onlinePhBody" v-if="!loadingOnline && onlineThemes">
                     <RemoteCard v-if="onlineThemes && onlineThemes.docs" v-for="theme in onlineThemes.docs" :key="theme.id" :item="theme" />
+                    <div v-if="loadingMore" class="bd-spinnerContainer">
+                        <div class="bd-spinner7"/>
+                    </div>
                 </div>
             </div>
         </div>
@@ -60,7 +63,8 @@
                 local: true,
                 localThemes: ThemeManager.localThemes,
                 onlineThemes: null,
-                loadingOnline: false
+                loadingOnline: false,
+                loadingMore: false
             };
         },
         components: {