fix: update style for event details (#518)

Author: Fine0830

src/views/components/alarm/alarm-table.vue

@@ -75,7 +75,7 @@ limitations under the License. -->
                       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>

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;
   }

src/views/components/event/event-timeline.vue

@@ -54,7 +54,7 @@ limitations under the License. -->
             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>