From 205364cde59411d78a623b4b7e619c2b4db2ec39 Mon Sep 17 00:00:00 2001
From: Assunta DeSanto <assuntad23@gmail.com>
Date: Mon, 24 Apr 2023 11:37:28 -0400
Subject: [PATCH] using button instead of span to improve accessibility

---
 .../Form/Elements/FormDrilldown/FormDrilldownOption.vue   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/components/Form/Elements/FormDrilldown/FormDrilldownOption.vue b/client/src/components/Form/Elements/FormDrilldown/FormDrilldownOption.vue
index 62163a8b06b..74fd7ef1f03 100644
--- a/client/src/components/Form/Elements/FormDrilldown/FormDrilldownOption.vue
+++ b/client/src/components/Form/Elements/FormDrilldown/FormDrilldownOption.vue
@@ -48,10 +48,10 @@ onMounted(() => {
 
 <template>
     <div>
-        <span v-if="hasOptions" @click="toggleChildren">
-            <icon v-if="showChildren" fixed-width icon="minus-square" />
-            <icon v-else fixed-width icon="plus-square" />
-        </span>
+        <b-button variant="link" v-if="hasOptions" @click="toggleChildren" class="btn p-0">
+            <i v-if="showChildren" class="fa fa-minus-square" />
+            <i v-else class="fa fa-plus-square" />
+        </b-button>
         <component
             :is="isComponent"
             class="drilldown-option d-inline"