Apply new style to application list and add scroll into view

spring-boot-admin-server-ui/src/main/frontend/views/applications/index.vue

@@ -26,7 +26,7 @@
           <p v-text="error.message"/>
         </div>
       </div>
-      <div class="level">
+      <div class="level applications-stats">
         <div class="level-item has-text-centered">
           <div>
             <p class="heading">Applications</p>
@@ -50,7 +50,7 @@
           </div>
         </div>
       </div>
-      <div v-for="group in statusGroups" :key="group.status">
+      <div class="application-group" v-for="group in statusGroups" :key="group.status">
         <p class="heading" v-text="group.status"/>
         <applications-list :applications="group.applications" :selected="selected"/>
       </div>
@@ -117,3 +117,13 @@
     component: component
   };
 </script>
+
+
+<style lang="scss">
+  @import "~@/assets/css/utilities";
+
+  .application-group {
+    margin: $gap 0;
+  }
+
+</style>

spring-boot-admin-server-ui/src/main/frontend/views/instances/jolokia/index.vue

@@ -220,33 +220,33 @@
 </script>
 
 <style lang="scss">
-    @import "~@/assets/css/utilities";
+  @import "~@/assets/css/utilities";
 
-    .domain-list {
-        position: sticky;
-        top: (($gap / 2) + $navbar-height-px + $tabs-height-px);
-    }
+  .domain-list {
+    position: sticky;
+    top: (($gap / 2) + $navbar-height-px + $tabs-height-px);
+  }
 
-    .m-bean {
-        transition: all $easing $speed;
+  .m-bean {
+    transition: all $easing $speed;
 
-        &.is-active {
-            margin: 0.75rem -0.75rem;
-            max-width: unset;
-        }
+    &.is-active {
+      margin: 0.75rem -0.75rem;
+      max-width: unset;
+    }
 
-        &.is-active .m-bean--header {
-            padding-bottom: 0;
-        }
+    &.is-active .m-bean--header {
+      padding-bottom: 0;
+    }
 
-        &:not(.is-active) .m-bean--header:hover {
-            background-color: $white-bis;
-        }
+    &:not(.is-active) .m-bean--header:hover {
+      background-color: $white-bis;
+    }
 
-        .m-bean--header--close {
-            position: absolute;
-            right: 0.75rem;
-            top: 0.75rem;
-        }
+    .m-bean--header--close {
+      position: absolute;
+      right: 0.75rem;
+      top: 0.75rem;
     }
+  }
 </style>