From f065666b8261ddb4be788ef6aba5b227827c82ad Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Thu, 6 Jun 2024 13:04:14 -0400
Subject: [PATCH] use bootstrap d-inline-block and change order.

---
 .../tpa-recal-toggle/tpa-recal-toggle.vue           | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-toggle/tpa-recal-toggle.vue b/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-toggle/tpa-recal-toggle.vue
index a16de0f6..7b9405c5 100644
--- a/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-toggle/tpa-recal-toggle.vue
+++ b/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-toggle/tpa-recal-toggle.vue
@@ -1,14 +1,15 @@
 <template>
     <div class="tpa-recal-toggle mt-2 mb-3">
+      <textLink
+        id="moreDetails"
+        class="d-inline-block"
+        linkType="text"
+        href="#!"
+        :text="textForToggle" />
       <div
-        class="tpa-toggle"
+        class="tpa-toggle d-inline-block"
         :class="[isDetailVisible ? 'active' : '']"
         @click="handleClickToggle"></div>
-        <textLink
-          id="moreDetails"
-          linkType="text"
-          href="#!"
-          :text="textForToggle" />
       <Transition>
         <div
           v-show="isDetailVisible"