From 77b8f60cb13385030cfe1b19244433e24b9a9101 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Wed, 26 Apr 2023 18:52:16 +1000
Subject: [PATCH] fix styling

---
 resources/js/components/SMLoading.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/SMLoading.vue b/resources/js/components/SMLoading.vue
index 0967e99..a0cd025 100644
--- a/resources/js/components/SMLoading.vue
+++ b/resources/js/components/SMLoading.vue
@@ -1,6 +1,6 @@
 <template>
     <div :class="['loading-background', { overlay: props.overlay }]">
-        <div :class="{ 'loading-box': props.overlay }">
+        <div :class="{ 'loading-box': props.overlay, large: props.large }">
             <SMLoadingIcon v-bind="{ large: props.large }" />
             <p v-if="props.text" class="loading-text">{{ props.text }}</p>
         </div>
@@ -57,12 +57,19 @@ const props = defineProps({
 
     .loading-box {
         background-color: #fff;
-        padding: 48px 48px 16px 48px;
+        padding: 24px 48px;
         border-radius: 10px;
         box-shadow: var(--base-shadow);
 
         .loading-text {
+            font-size: 120%;
+            margin-top: #{map-get($spacing, 2)};
+            margin-bottom: 0;
+        }
+
+        &.large .loading-text {
             font-size: 150%;
+            margin-top: #{map-get($spacing, 3)};
         }
     }
 }