/* Text-only top app menu */

/* Give each entry a compact, consistent width */
nav.app-menu .app-menu-main .app-menu-entry {
    width: 105px !important;
    min-width: 105px !important;
    max-width: 105px !important;
    flex: 0 0 105px !important;
}

/* Clickable area */
nav.app-menu .app-menu-main .app-menu-entry a {
    width: 105px !important;
    min-width: 105px !important;
    max-width: 105px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
}

/* Hide the normal icon and label */
nav.app-menu .app-menu-main .app-menu-entry .app-menu-entry--label,
nav.app-menu .app-menu-main .app-menu-entry svg,
nav.app-menu .app-menu-main .app-menu-entry img,
nav.app-menu .app-menu-main .app-menu-entry .app-icon {
    display: none !important;
}

/* Display the app name as text */
nav.app-menu .app-menu-main .app-menu-entry a::after {
    content: attr(aria-label);
    display: block !important;
    width: 98px !important;
    max-width: 98px !important;
    margin: 0 auto !important;
    font-size: 11px !important;
    line-height: 50px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    pointer-events: none !important;
}