Move Geo "Advanced" dropdown up and down depending on active status

app/assets/javascripts/geo_nodes.js

@@ -40,7 +40,11 @@ class GeoNodeStatus {
 
   toggleShowAdvancedStatus(e) {
     const element = $(e.currentTarget);
-    const closestStatus = element.siblings().next('.advanced-status')
+    const closestStatus = element.closest('.advanced-geo-node-status-container').find('.advanced-status');
+    const currentlyActive = !closestStatus.hasClass('hide-status')
+    const togglerContainer = currentlyActive ? $('.toggler-inactive-container') : $('.toggler-active-container')
+
+    element.detach().appendTo(togglerContainer);
     element.find('.fa').toggleClass('fa-angle-down').toggleClass('fa-angle-up');
     closestStatus.toggleClass('hide-status');
   }

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

@@ -62,11 +62,13 @@
                     Attachments synced:
                     %strong.node-info.js-attachments-synced
                 %p
-                .js-advanced-geo-node-status-toggler
-                  %i.fa.fa-angle-down
-                  %span
-                    Advanced
-                %p
+                .advanced-geo-node-status-container
+                  .toggler-inactive-container
+                    .js-advanced-geo-node-status-toggler
+                      %i.fa.fa-angle-down
+                      %span
+                      Advanced
+                  %p
                   .advanced-status.hide-status
                     %span.help-block
                       Database replication lag:
@@ -77,6 +79,7 @@
                     %span.help-block
                       Last event ID processed by cursor:
                       %strong.node-info.js-last-cursor-event
+                  .toggler-active-container
                 %p
                   .js-health