Improve room directory UX for mobile devices

This commit is contained in:
Ayush Kumar 2021-01-19 19:41:18 +05:30
parent 7b882c6393
commit d8e22f9167

View file

@ -161,3 +161,40 @@ limitations under the License.
padding: 0;
}
}
@media screen and (max-width: 600px) {
.mx_RoomDirectory_table tr {
margin-bottom: 15px !important;
}
.mx_RoomDirectory_roomMemberCount {
padding: 0px;
}
.mx_AccessibleButton_kind_secondary {
padding: 0px !important;
}
.mx_RoomDirectory_join {
margin-left: 0px;
}
.mx_RoomDirectory_alias {
margin-top: 10px;
margin-bottom: 10px;
}
.mx_RoomDirectory_roomDescription {
padding-bottom: 0px;
}
.mx_RoomDirectory_name {
margin-bottom: 5px;
}
.mx_RoomDirectory_table tr td {
margin-top: 5px !important;
display: block;
text-align: left;
}
}