From 91c05ca4cf16d8bab4192ddafd44913e6e5d54b8 Mon Sep 17 00:00:00 2001
From: Tom Groot <4732713+Tomgroot@users.noreply.github.com>
Date: Wed, 14 Feb 2024 10:41:20 +0100
Subject: [PATCH] Fix: place spinner in correct position

---
 src/components/OtButton.vue | 47 ++++++++++++++++++-------------------
 1 file changed, 23 insertions(+), 24 deletions(-)

diff --git a/src/components/OtButton.vue b/src/components/OtButton.vue
index 67bd035..ace3697 100644
--- a/src/components/OtButton.vue
+++ b/src/components/OtButton.vue
@@ -24,30 +24,29 @@ const message = computed(() => {
 
 <style scoped lang="scss">
 .button-wrapper {
-    position: relative;
-
-    & .is-loading:after {
-        animation: spinAround 1s infinite linear;
-        border-radius: 3rem;
-        font-family: "OpenTicketIcons" !important;
-        border-right-color: transparent;
-        border-top-color: transparent;
-        content: "\f145";
-        display: block;
-        position: absolute;
-        height: 1em;
-        width: 1em;
-        top: calc(50% - (0.5em));
-        left: calc(50% - (0.8em));
-    }
-
-    & .disabled {
-        cursor: not-allowed;
-        opacity: 0.7;
-        color: grey;
-        pointer-events: none;
+    & button{
+        min-width: 15rem;
+        min-height: 5rem;
+        position: relative;
+
+        &.loading:after {
+            animation: spinAround 1s infinite linear;
+            font-family: "OpenTicketIcons" !important;
+            content: "\f145";
+            display: block;
+            position: absolute;
+            width: 3rem;
+            height: 2rem;
+            top: calc(50% - 1rem);
+            left: calc(50% - 1.5rem);
+        }
+
+        &.disabled {
+            cursor: not-allowed;
+            opacity: 0.7;
+            color: grey;
+            pointer-events: none;
+        }
     }
 }
-
-
 </style>