Make beeper's favorite area more compact

beeper-desktop-compact-favorites.css

// beeper versions
// > olm version: Olm version: 3.2.15
// > beeper-web commit hash: dd2bef88a00e19b9d9279691eb457453c6bbd367
// > beeper-desktop version: 3.106.2

.favourites__tiles {
	row-gap: 6px !important;
	padding: 2px !important;
	padding-left: 0 !important;
}

.favourites__row ._2pY_0PcBCb5Ui7yco_AyPM {
	height: 48px !important;
	max-width: 90px !important;
}

.favourites__row ._2pY_0PcBCb5Ui7yco_AyPM .bp_RoomTile {
	height: 44px !important;
}

.favourites__row ._2pY_0PcBCb5Ui7yco_AyPM .bp_RoomTile .outline {
	max-width: 90px !important;
}

.favourites__row ._2pY_0PcBCb5Ui7yco_AyPM .bp_RoomTile .outline img.mx_BaseAvatar {
	height: 40px !important;
	width: 40px !important;
	border: 2px solid #9749F1 !important;
}

.favourites__row ._2pY_0PcBCb5Ui7yco_AyPM .bp_RoomTile .outline span.mx_BaseAvatar span {
	font-size: 14px !important;
	width: 40px !important;
	line-height: 40px !important;
}

.favourites__row ._2pY_0PcBCb5Ui7yco_AyPM .bp_RoomTile .outline span.mx_BaseAvatar div {
	width: 40px !important;
	height: 40px !important;
	border: 2px solid #9749F1 !important;
}

.favourites__row ._2pY_0PcBCb5Ui7yco_AyPM .bp_RoomTile .outline ._1UcM98hmMQusvozYB30bLy {
	display: none;
}

Overview

Slightly makes the favorites section more compact

• Removes names from favorites
• Slightly reduces some padding of favorites
• Slightly reduces size of favorites avatars
• Adds a purple (#9749F1) border to favorites avatar (feel free to remove)

Screenshot of Before

Screenshot of After