Fix outline and tab order of items in the toolbar #4492

Added autofocus to launcher button on app rendered.
Updated launcher button padding.

modules/admin/admin-ui/src/main/resources/assets/js/home/launcher.js

@@ -17,6 +17,7 @@ function appendLauncherButton() {
     setTimeout(function() {
         var container = document.querySelector(".appbar") || document.getElementsByTagName("body")[0];
         container.appendChild(launcherButton);
+        launcherButton.focus();
     }, 700);
 }
 
@@ -98,7 +99,7 @@ function createLauncherLink(container) {
 
 function openWindow(windowArr, anchorEl) {
     var windowId = anchorEl.getAttribute("data-id");
-    
+
     if (windowArr[windowId] && !windowArr[windowId].closed) {
         windowArr[windowId].focus();
     }
@@ -111,15 +112,15 @@ function addLongClickHandler(container) {
     var longpress = false;
     var startTime, endTime;
     var toolWindows = [];
-    
+
     var appTiles = container.querySelector('.launcher-app-container').querySelectorAll("a");
     for (var i = 0; i < appTiles.length; i++) {
         appTiles[i].addEventListener("click", function (e) {
             if (window.CONFIG.appId == e.currentTarget.getAttribute("data-id") && window.CONFIG.appId == "home") {
                 e.preventDefault();
                 return;
             }
-                
+
             if (longpress) {
                 e.preventDefault();
                 document.location.href = this.href;

modules/admin/admin-ui/src/main/resources/web/admin/common/styles/apps/launcher/launcher.less

@@ -282,7 +282,7 @@ body.mobile-statistics-panel {
   cursor: pointer;
   z-index: @z-index-launcher-button;
   line-height: 17px;
-  padding-top: 5px;
+  padding: 6px 5px 3px;
 
   &::-moz-focus-inner {
     border: 0;