chevron hover

www/index.html

@@ -116,14 +116,14 @@
             </div>
             <div class="modal-body autodoc_home_modal_body">
               <div class="row">
-                <div class="col-1 autodoc_valign">
-                  <i class="fas fa-3x fa-chevron-circle-left text-secondary"></i>
+                <div id="autodoc_home_modal_left" class="col-1 autodoc_valign text-secondary">
+                  <i class="fas fa-3x fa-chevron-circle-left"></i>
                 </div>
                 <div class="col">
                   <img class="img-fluid" id="autodoc_home_modal_img" />
                 </div>
-                <div class="col-1 autodoc_valign">
-                  <i class="fas fa-3x fa-chevron-circle-left text-secondary"></i>
+                <div id="autodoc_home_modal_right" class="col-1 autodoc_valign text-secondary">
+                  <i class="fas fa-3x fa-chevron-circle-right"></i>
                 </div>
               </div>
             </div>

www/js/autodoc.js

@@ -31,6 +31,19 @@ $(document).ready(function () {
   $(document).scroll(function () {
     page_home_scroll();
   });
+
+  $('#autodoc_home_modal_left').hover(
+    function(e) {
+      $(e.target).addClass("text-light bg-secondary");
+      $(e.target).removeClass("text-secondary bg-light");
+    },
+    function(e) {
+      $(e.target).removeClass("text-light bg-secondary");
+      $(e.target).addClass("text-secondary bg-light");
+
+    }
+  )
+
 });
 
 $(window).bind("hashchange", function () {