.adf-version-list {
    &-viewport {
        display: flex;
        min-height: 200px;
        max-height: 60vh;
        height: 100%;

        :first-child {
            max-width: 100%;
        }
    }

    &-item-details {
        flex: 1;
        width: 90%;
    }

    &-content {
        display: flex;

        p {
            margin: 0;
            overflow: hidden;
        }
    }

    .adf-version-list-icon {
        margin: 0 16px;
        color: var(--theme-sidenav-user-menu-color);
    }

    &.adf-version-list-element {
        .adf-version-list-item {
            border-bottom: 1px solid var(--adf-theme-foreground-divider-color);
            width: 100%;
            height: 88px;
        }
    }

    &-item-version {
        font-weight: bold;
    }

    &-item-date {
        opacity: 0.6;
        white-space: normal;
    }

    &-item-comment {
        width: auto;
        opacity: 0.5;

        @media screen and (width <= 629px) {
            width: 97%;
        }
    }

    &-item-name {
        white-space: normal;
        font-size: 16px;
    }
}