From 457969791cbb53dce52f8f8fa71fc8f26cc90264 Mon Sep 17 00:00:00 2001
From: Adrian Marin <adrian@adrianthedev.com>
Date: Fri, 16 Oct 2020 17:23:51 +0300
Subject: [PATCH] fix: attach modal has spacing issues (#152)

---
 app/frontend/js/components/AttachModal.vue | 4 ++--
 app/frontend/js/views/ResourceIndex.vue    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/frontend/js/components/AttachModal.vue b/app/frontend/js/components/AttachModal.vue
index c229c97794..819e030f38 100644
--- a/app/frontend/js/components/AttachModal.vue
+++ b/app/frontend/js/components/AttachModal.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="w-full h-full flex flex-col justify-between">
-    <div class="p-4 text-xl" v-if="heading">
+    <div class="p-4 my-4 text-lg tracking-wide font-bold text-center text-gray-700" v-if="heading">
       {{ heading }}
     </div>
-    <div class="flex-1 flex flex-col items-center justify-center px-24 text-lg">
+    <div class="flex-1 flex flex-col items-center justify-center pb-16 px-24 text-base">
       {{ text }}
       <select name="options"
         ref="select"
diff --git a/app/frontend/js/views/ResourceIndex.vue b/app/frontend/js/views/ResourceIndex.vue
index e71768ce43..5d592b5cd6 100644
--- a/app/frontend/js/views/ResourceIndex.vue
+++ b/app/frontend/js/views/ResourceIndex.vue
@@ -479,7 +479,7 @@ export default {
     },
     async showAttachModal() {
       this.$modal.show(AttachModal, {
-        text: `Select a ${this.resourceNameSingular.toLowerCase()} to attach`,
+        heading: `Select a ${this.resourceNameSingular.toLowerCase()} to attach`,
         getOptions: this.getOptions,
         attachAction: this.attachOption,
       })