:host {
    display: flex;
    flex-direction: column;

    .breadcrumb,
    .body {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .breadcrumb {
        position: relative;
        top: 5px;
    }

    .body {
        min-height: 40px;

        & > *:not(:last-child) {
            margin-right: 5px;
        }

        .label,
        .newLabel {
            flex: 1;
        }

        @media screen and (max-width: 600px) {
            flex-direction: column;
            align-items: flex-start;

            & > *:not(:last-child) {
                margin-bottom: 10px !important;
            }

            // Hide icon on small screen to save precious space
            mat-icon {
                display: none;
            }
        }
    }
}