push lead style up the style stack

Author: PhilBastian

src/ServicePulse.Host/vue/src/components/failedmessages/FailedMessageGroups.vue

@@ -144,3 +144,16 @@ onMounted(async () => {
     </template>
   </template>
 </template>
+
+<style>
+.lead {
+  word-wrap: break-word;
+  color: #181919 !important;
+  font-size: 1em !important;
+  font-weight: bold !important;
+  margin-bottom: 0.2em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+</style>

src/ServicePulse.Host/vue/src/components/failedmessages/FlowDiagram.vue

@@ -227,17 +227,6 @@ function typeIcon(type) {
   text-align: left;
 }
 
-.lead {
-  word-wrap: break-word;
-  color: #181919 !important;
-  font-size: 1em !important;
-  font-weight: bold !important;
-  margin-bottom: 0.2em;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
 .node {
   background-color: #fff;
   border-color: #cccbcc;

src/ServicePulse.Host/vue/src/components/failedmessages/MessageView.vue

@@ -504,4 +504,15 @@ button img {
 .msg-tabs {
   margin-bottom: 20px;
 }
+
+.lead {
+  word-wrap: break-word;
+  color: #181919 !important;
+  font-size: 1em !important;
+  font-weight: bold !important;
+  margin-bottom: 0.2em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 </style>