fix(#5063): weird misalignment of loggers buttons

Author: SteKoe

spring-boot-admin-server-ui/src/main/frontend/views/instances/loggers/logger-control.vue

@@ -15,19 +15,18 @@
   -->
 
 <template>
-  <div class="inline-flex">
-    <div class="btn-group">
+  <div class="inline-flex gap-1">
+    <sba-button-group>
       <sba-button
         v-for="levelOption in levelOptions"
         :key="levelOption"
         :class="cssClass(levelOption)"
         @click.stop="selectLevel(levelOption)"
         v-text="levelOption"
       />
-    </div>
+    </sba-button-group>
     <sba-button
       v-if="allowReset"
-      class="ml-3"
       :class="{ 'is-loading': getStatusForLevel(null) === 'executing' }"
       :disabled="!isConfigured"
       @click.stop="selectLevel(null)"

spring-boot-admin-server-ui/src/main/frontend/views/instances/loggers/loggers-list.vue

@@ -35,7 +35,6 @@
             :allow-reset="logger.name !== 'ROOT'"
             @input="(level) => $emit('configureLogger', { logger, level })"
           />
-
           <sba-alert
             v-if="
               loggersStatus[logger.name] &&