.flex-grow-setting {
    display: flex;
}

.flex-grow-setting > div:last-child {
    flex-grow: 1;
    min-width: 0;
    font-size: 15px;
}
/*fix UI on firefox and safari (cannot get fixed height from flexbox)*/
.flex-grow-setting > div {
    height: 100%;
}

.flex-vertical-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ellipsis-child {
    text-overflow: ellipsis;
    overflow: hidden;
}

.ellipsis-child > *{
    /* Required for text-overflow to do anything */
    white-space: nowrap;
}

.flex-middle {
    display: flex;
    justify-content: space-around;
}

.setting-buttons-container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}