/**
 * Groups main page stylesheet
 * 
 * @author Pierre HUBERT
 */

.groups-main-page {
    max-width: 450px;
    margin: auto;
    text-align: center;
    padding-top: 50px;
}

.groups-main-page .no-group-notice {
    margin-top: 10px;
    text-align: center;
}

.groups-main-page .group-item {
    text-align: justify;
    margin-top: 10px;
}

.groups-main-page .group-item .group-icon {
    max-width: 50px;
    margin-right: 10px;
}

.groups-main-page .group-item div {
    display: inline-block;
}

.groups-main-page .group-item .group-name {
    width: 180px;
    vertical-align: middle;
}

.groups-main-page .group-item .buttons-area {
    width: 20px;
}

.groups-main-page .group-item .buttons-area .fa {
    color: #b5bbc8;
}

.groups-main-page .group-item .buttons-area .fa:active {
    color: black;
}

@media screen and (max-width: 450px){

    .groups-main-page {
        max-width: 317px;
    }

    .groups-main-page .group-item .group-name {
        width: 120px;
    }
}