CSS tweaks to allow more services in the AWS Web Console menu bar with icons and labels

aws-web-console-menu-bar-css

#nav-shortcutBar .service-label {
    display: inline-block;
    font-size: 0.8em;
    margin: 0;
    max-width: 35px;
    overflow: hidden;
    padding: 0;
}

#nav-shortcutBar li {
    margin-left: 0px;
}

#nav-shortcutBar li a {
    padding: 7px 0px 7px 10px;
}

.service-icon-size-med {
    transform: scale(0.6, 0.6);
}

.service-icon-wrapper {
    left: -8px;
    position: absolute;
    top: 5px;
}

#awsgnav #nav-menu-right #nav-usernameMenu .nav-elt-label {
    max-width: 80px;
}

#awsgnav #nav-menu-right {
    padding-right: 0;
}

#awsgnav #nav-logo {
    margin-left: 10px;
}