From cfc197cdc09e3f00f204f684d9e22eb0f631dcbe Mon Sep 17 00:00:00 2001
From: Jiiks <jiiks@windowslive.com>
Date: Mon, 26 Nov 2018 11:08:27 +0200
Subject: [PATCH] add spinner

---
 client/src/styles/partials/bdsettings/contentview.scss | 6 ++++++
 client/src/ui/components/bd/ThemesView.vue             | 4 +++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/client/src/styles/partials/bdsettings/contentview.scss b/client/src/styles/partials/bdsettings/contentview.scss
index ec53b828..907b123c 100644
--- a/client/src/styles/partials/bdsettings/contentview.scss
+++ b/client/src/styles/partials/bdsettings/contentview.scss
@@ -5,6 +5,12 @@
         flex-direction: column;
         margin: 10px 0;
 
+        .bd-spinnerContainer {
+            display: flex;
+            justify-content: center;
+            padding: 50px 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 656e5588..79532dc7 100644
--- a/client/src/ui/components/bd/ThemesView.vue
+++ b/client/src/ui/components/bd/ThemesView.vue
@@ -29,7 +29,9 @@
                 <div class="bd-fancySearch" :class="{'bd-disabled': loadingOnline, 'bd-active': loadingOnline || (onlineThemes && onlineThemes.docs)}">
                     <input type="text" class="bd-textInput" placeholder="Search" @keydown.enter="searchInput" @keyup.stop/>
                 </div>
-                <h2 v-if="loadingOnline">Loading</h2>
+                <div v-if="loadingOnline" class="bd-spinnerContainer">
+                    <div class="bd-spinner7"></div>
+                </div>
                 <RemoteCard v-else-if="onlineThemes && onlineThemes.docs" v-for="theme in onlineThemes.docs" :key="theme.id" :item="theme"/>
             </div>
         </div>