%connection-info {
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    color: $popoverFontColor;

    td {
        padding: 2px 0;
    }
}

.connection-info
{
    float: left;
    padding-bottom: 5px;
    @extend %connection-info;

    > table {
        white-space: nowrap;
        @extend %connection-info;
    }

    td:nth-child(n-1) {
        padding-left: 5px;
    }

    &__icon {
        margin-right: 2px;
    }

    &__download
    {
        @extend .connection-info__icon;
        color: $downloadConnectionIconColor;
    }

    &__upload
    {
        @extend .connection-info__icon;
        color: $uploadConnectionIconColor;
    }
}