Merge branch '5806-fix-network-error-styling' into 'master'

Fix network error message styling on Geo admin dashboard

Closes #5806

See merge request gitlab-org/gitlab-ee!5530

ee/app/assets/javascripts/geo_nodes/components/geo_node_item.vue

@@ -99,9 +99,9 @@ export default {
     />
     <div
       v-if="isNodeDetailsFailed"
-      class="prepend-top-10"
+      class="node-health-message-container"
     >
-      <p class="health-message">
+      <p class="health-message node-health-message">
         {{ errorMessage }}
       </p>
     </div>

ee/app/assets/stylesheets/pages/geo_nodes.scss

@@ -81,17 +81,17 @@
         padding: 0;
       }
     }
+  }
 
-    .node-health-message-container {
-      max-height: $dropdown-max-height;
-      overflow-y: auto;
+  .node-health-message-container {
+    max-height: $dropdown-max-height;
+    overflow-y: auto;
 
-      .node-health-message {
-        margin-bottom: 0;
-        padding: 2px $gl-padding-8;
-        background-color: $red-100;
-        color: $red-500;
-      }
+    .node-health-message {
+      margin-bottom: 0;
+      padding: 2px $gl-padding-8;
+      background-color: $red-100;
+      color: $red-500;
     }
   }
 }

ee/changelogs/unreleased/5806-fix-network-error-styling.yml

+---
+title: Fix network error message styling on Geo admin dashboard
+merge_request: 5530
+author:
+type: fixed