From 5af1e71f28b0befeba0516258dd5b90c39209bc4 Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Mon, 4 Nov 2024 18:38:39 +1300
Subject: [PATCH] use class instead of space

---
 src/frontend/components/messages/SendMessageButton.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/frontend/components/messages/SendMessageButton.vue b/src/frontend/components/messages/SendMessageButton.vue
index 0d57bfb..fa82bac 100644
--- a/src/frontend/components/messages/SendMessageButton.vue
+++ b/src/frontend/components/messages/SendMessageButton.vue
@@ -4,11 +4,11 @@
         <!-- send button -->
         <button @click="send" :disabled="!canSendMessage" type="button" class="my-auto inline-flex items-center rounded-l-md px-2.5 py-1.5 text-sm font-semibold text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2" :class="[ canSendMessage ? 'bg-blue-500 hover:bg-blue-400 focus-visible:outline-blue-500' : 'bg-gray-400 focus-visible:outline-gray-500 cursor-not-allowed']">
             <span v-if="isSendingMessage">Sending...</span>
-            <span v-else>
+            <span v-else class="space-x-1">
                 <span>Send</span>
-                <span v-if="deliveryMethod === 'direct'"> (Direct Link)</span>
-                <span v-if="deliveryMethod === 'opportunistic'"> (Opportunistic)</span>
-                <span v-if="deliveryMethod === 'propagated'"> (Propagated)</span>
+                <span v-if="deliveryMethod === 'direct'">(Direct Link)</span>
+                <span v-if="deliveryMethod === 'opportunistic'">(Opportunistic)</span>
+                <span v-if="deliveryMethod === 'propagated'">(Propagated)</span>
             </span>
         </button>