From 28e9df8251724381b03d659be4d136ab12a32e01 Mon Sep 17 00:00:00 2001
From: YouHaveTrouble <youhavetrouble@youhavetrouble.me>
Date: Mon, 2 Jun 2025 23:05:09 +0200
Subject: [PATCH] make button not overflow

---
 src/components/AdventurerRecruitment.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/AdventurerRecruitment.vue b/src/components/AdventurerRecruitment.vue
index 002d635..23eedfb 100644
--- a/src/components/AdventurerRecruitment.vue
+++ b/src/components/AdventurerRecruitment.vue
@@ -32,10 +32,10 @@
     </div>
     <div>
       <button
-        class="button metal"
+        class="button metal find-recruit"
         :disabled="recruitSlotsFilled || guild.gold < newRecruitCost"
         @click="findNewRecruit()"
-      >Find a recruit now {{(`${formatGold(newRecruitCost)} gold`)}}</button>
+      >Find a recruit now {{(`(${formatGold(newRecruitCost)}) gold`)}}</button>
     </div>
   </section>
 </template>
@@ -107,6 +107,10 @@ section {
   overflow-x: hidden;
 }
 
+.find-recruit {
+  text-wrap: wrap;
+}
+
 .adventurers {
   display: flex;
   flex-direction: row;