fix: update style for event details (#518)

diff --git a/src/views/components/alarm/alarm-table.vue b/src/views/components/alarm/alarm-table.vue
index 917b12d..a41584a 100644
--- a/src/views/components/alarm/alarm-table.vue
+++ b/src/views/components/alarm/alarm-table.vue
@@ -75,7 +75,7 @@
                       currentEvent[eventKey.class] | dateformat
                     }}</span>
                     <span v-else-if="eventKey.class === 'source'" class="source">
-                      <div>{{ $t('currentService') }}: {{ currentEvent[eventKey.class].service }}</div>
+                      <span>{{ $t('currentService') }}: {{ currentEvent[eventKey.class].service }}</span>
                       <div v-show="currentEvent[eventKey.class].endpoint">
                         {{ $t('currentEndpoint') }}: {{ currentEvent[eventKey.class].endpoint }}
                       </div>
diff --git a/src/views/components/common/index.scss b/src/views/components/common/index.scss
index b5c879a..9cd1972 100644
--- a/src/views/components/common/index.scss
+++ b/src/views/components/common/index.scss
@@ -45,6 +45,9 @@
     display: inline-block;
     width: 120px;
   }
+  .source > span {
+    display: inline-block;
+  }
   .source > div {
     padding-left: 120px;
   }
diff --git a/src/views/components/event/event-timeline.vue b/src/views/components/event/event-timeline.vue
index a64b76c..929e56e 100644
--- a/src/views/components/event/event-timeline.vue
+++ b/src/views/components/event/event-timeline.vue
@@ -54,7 +54,7 @@
             currentEvent[eventKey.class] | dateformat
           }}</span>
           <span v-else-if="eventKey.class === 'source'" class="source">
-            <div>{{ $t('currentService') }}: {{ currentEvent[eventKey.class].service }}</div>
+            <span>{{ $t('currentService') }}: {{ currentEvent[eventKey.class].service }}</span>
             <div v-show="currentEvent[eventKey.class].endpoint">
               {{ $t('currentEndpoint') }}: {{ currentEvent[eventKey.class].endpoint }}
             </div>