#eventContextMenu {
    padding-top:0px;
    padding-bottom:0px;
    overflow:hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
#eventContextMenu .title {
    background: var(--global-color-0);
    padding: 5px;
    margin: 0px;
}
#eventContextMenu.dropdown-menu {
    background-color: #f9f9f9;
    color: #fff;
}
#eventContextMenu .dropdown-item {
    padding: 10px 15px !important;
}
#eventContextMenu .dropdown-item:hover {
    background-color: #f0f0f0;
    color: var(--global-color-0);
}

#eventContextMenu .context-icon,
#eventContextMenu .dropdown-item span {
    transition: transform 0.25s ease, opacity 0.25s ease;
}

/* starting positions */
#eventContextMenu .context-icon {
    margin-right: 0.5rem;
    transform: translateX(-36px);
    opacity: 0.6;
}
#eventContextMenu .dropdown-item span {
    display: inline-block; /* required for transform to work */
    transform: translateX(-36px);
    opacity: 0.6;
}

/* on hover – slide both in together */
#eventContextMenu .dropdown-item:hover .context-icon,
#eventContextMenu .dropdown-item:hover span {
    transform: translateX(0);
    opacity: 1;
}