mirror of
https://github.com/pierre42100/ComunicWeb
synced 2025-01-14 11:27:43 +00:00
55 lines
903 B
CSS
55 lines
903 B
CSS
/**
|
|
* Groups main page stylesheet
|
|
*
|
|
* @author Pierre HUBERT
|
|
*/
|
|
|
|
.groups-main-page {
|
|
max-width: 450px;
|
|
margin: auto;
|
|
text-align: center;
|
|
padding-top: 50px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
}
|