Fix loading icon

Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>

2 files changed, 9 insertions, 3 deletions

diff --git a/js/service/registration.js b/js/service/registration.js
index 87eac20..be9f019 100644
--- a/js/service/registration.js
+++ b/js/service/registration.js
@@ -4,7 +4,7 @@ export function startVerification() {
     return new Promise((resolve, reject) => {
         setTimeout(() => {
             resolve();
-        }, 400);
+        }, 2000);
     })
 }
 
@@ -12,6 +12,6 @@ export function tryVerification() {
     return new Promise((resolve, reject) => {
         setTimeout(() => {
             resolve();
-        }, 400);
+        }, 2000);
     })
 }
diff --git a/js/view/settings.vue b/js/view/settings.vue
index 9d40e56..5992105 100644
--- a/js/view/settings.vue
+++ b/js/view/settings.vue
@@ -2,7 +2,7 @@
     <div class="section">
         <h2 data-anchor-name="sms-second-factor-auth"><l10n text="SMS second-factor auth"></l10n></h2>
         <div v-if="loading">
-              <span class="icon-loading"></span>
+              <span class="icon-loading-small"></span>
         </div>
         <div v-else>
           <p v-if="state === 0">
@@ -62,3 +62,9 @@ export default {
   }
 };
 </script>
+
+<style>
+.icon-loading-small {
+  padding-left: 15px;
+}
+</style>