From 5502c2ab1b1a3b39686653585d42d6f5cd082e28 Mon Sep 17 00:00:00 2001
From: Pete Matsyburka <pete.matsy@gmail.com>
Date: Fri, 22 Dec 2023 16:29:24 +0200
Subject: [PATCH] fix phone tooltip placement

---
 app/javascript/application.scss            | 17 -----------------
 app/javascript/template_builder/fields.vue |  2 +-
 2 files changed, 1 insertion(+), 18 deletions(-)

diff --git a/app/javascript/application.scss b/app/javascript/application.scss
index 991fc9cd..754a2de7 100644
--- a/app/javascript/application.scss
+++ b/app/javascript/application.scss
@@ -75,23 +75,6 @@ button[disabled] .enabled {
   @apply select base-input w-full font-normal;
 }
 
-.tooltip-bottom-end:before {
-  transform: translateX(-95%);
-  top: var(--tooltip-offset);
-  left: 100%;
-  right: auto;
-  bottom: auto;
-}
-
-.tooltip-bottom-end:after {
-  transform: translateX(-25%);
-  border-color: transparent transparent var(--tooltip-color) transparent;
-  top: var(--tooltip-tail-offset);
-  left: 50%;
-  right: auto;
-  bottom: auto;
-}
-
 .autocomplete {
   background: white;
   z-index: 1000;
diff --git a/app/javascript/template_builder/fields.vue b/app/javascript/template_builder/fields.vue
index 89d8a271..ebbcf784 100644
--- a/app/javascript/template_builder/fields.vue
+++ b/app/javascript/template_builder/fields.vue
@@ -91,7 +91,7 @@
       </button>
       <div
         v-else-if="type == 'phone'"
-        class="tooltip tooltip-bottom-end flex"
+        class="tooltip tooltip-bottom flex"
         data-tip="Unlock SMS-verified phone number field with paid plan. Use text field for phone numbers without verification."
       >
         <a