From 0e27298c7adaaf40eb2b06a68a470440c158bfee Mon Sep 17 00:00:00 2001
From: Mark Eaton <MarkEEaton@users.noreply.github.com>
Date: Sun, 28 Aug 2022 14:14:40 -0400
Subject: [PATCH] Find It menu working perfectly

---
 configuration/main.js                      | 10 ++++------
 groups/home/LibAnswers-SlideOutChat-7.html | 14 ++++++++------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/configuration/main.js b/configuration/main.js
index 496a6d9..0ae3d4a 100644
--- a/configuration/main.js
+++ b/configuration/main.js
@@ -1,11 +1,9 @@
 const menusComponent = {
   template:
-  `<a class="searchmenu" v-bind:aria-label="item.description" v-bind:href="item.link">
-     <div class="bigger-fancy-text">
-        <i v-bind:class="item.icon" aria-hidden="true"></i>
-        <strong>{{ item.description }}</strong>
-     </div>
-   </a>`,
+  `<div class="bigger-fancy-text">
+    <i v-bind:class="item.icon" aria-hidden="true"></i>
+    <strong>{{ item.description }}</strong>
+  </div>`,
    props: ['item'] 
 }
 
diff --git a/groups/home/LibAnswers-SlideOutChat-7.html b/groups/home/LibAnswers-SlideOutChat-7.html
index 5044eac..ddb1f7c 100644
--- a/groups/home/LibAnswers-SlideOutChat-7.html
+++ b/groups/home/LibAnswers-SlideOutChat-7.html
@@ -75,8 +75,10 @@
                                          </div>
                                  </div>
                                  <!-- End modal -->
-
                          </div>
+
+                         <div id="app"><!-- vue app -->
+
                          <div class="row" id="hamburger-alternative">
                                 <div class="col-xs-12">
                                         <nav class="navbar navbar-default main-nav-container">
@@ -87,16 +89,13 @@
                                                                                 <div class="caret-text">Find It</div>
                                                                                 <div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div>
                                                                         </a>
-                         <div id="app">
                                                                         <ul class="dropdown-menu fade dropdown-margin">
                                                                                 <li>
-                                                                                        <div v-for="item in menus" v-bind:key="item.id">
+                                                                                        <a v-for="item in menus" v-bind:key="item.id" class="searchmenu" v-bind:aria-label="item.description" v-bind:href="item.link">
                                                                                              <menus-component v-bind:item="item"></menus-component>
-                                                                                        </div>
+                                                                                        </a>
                                                                                 </li>
                                                                         </ul>
-
-                        </div><!-- end Vue app -->
                                                                 </li>
                                                                 <li class="dropdown main-nav-dropdown">
                                                                         <a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
@@ -228,6 +227,9 @@
                                                 </div>
                                         </nav>
                                 </div>
+
+                        </div><!-- end Vue app -->
+
                         </div>
                 </div>
                 <div class="container" style="margin-top:14px;">