Use a button for the Geo Node "Advanced" link for accessibility

app/assets/javascripts/geo_nodes.js

@@ -39,7 +39,7 @@ class GeoNodeStatus {
 
   toggleShowAdvancedStatus(e) {
     const $element = $(e.currentTarget);
-    const $closestStatus = $element.closest('.advanced-geo-node-status-container').find('.advanced-status')
+    const $closestStatus = $element.siblings('.advanced-status')
 
     $element.find('.fa').toggleClass('fa-angle-down').toggleClass('fa-angle-up');
     $closestStatus.toggleClass('hidden');

app/assets/stylesheets/pages/geo_nodes.scss

@@ -29,16 +29,15 @@
   }
 }
 
-.advanced-status-toggler {
-  color: $gl-link-color;
-  padding: 10px 0 0;
-  cursor: pointer;
-  position: relative;
-  display: inline-block;
+.advanced-geo-node-status-container {
+  .btn-link {
+    &:hover, &:focus {
+      text-decoration: none;
+    }
 
-  span:hover {
-    color: $gl-link-color;
-    text-decoration: underline;
+    span:hover {
+      text-decoration: underline;
+    }
   }
 }
 

app/views/admin/geo_nodes/index.html.haml

@@ -73,10 +73,9 @@
                     %span.help-block
                       Last event ID processed by cursor:
                       %strong.node-info.js-last-cursor-event
-                  .advanced-status-toggler
-                    .js-advanced-geo-node-status-toggler
-                      %span Advanced
-                      = icon('angle-down')
+                  %button.btn-link.js-advanced-geo-node-status-toggler
+                    %span Advanced
+                    = icon('angle-down')
                 %p
                   .js-health