/* ==UserStyle==
@name           Riot Compact
@namespace      com.dannycolin.riot-compact
@version        0.4.1
@description    A Riot Web Compact Theme
@author         Danny Colin
@license        MPL 2.0
@homepageURL		https://github.com/dannycolin/riot-compact
@updateURL			https://raw.githubusercontent.com/dannycolin/riot-compact/master/riot-compact.user.css
==/UserStyle== */

@-moz-document domain("chat.mozilla.org"), domain("riot.im"), domain("modular.im") {
  /* -------------------- */
  /* Avatars              */
  /* -------------------- */
              
  /* Avatar image */
  .mx_TopLeftMenuButton .mx_BaseAvatar_image,
  .mx_RoomHeader .mx_BaseAvatar_image,
  .mx_RoomTile .mx_BaseAvatar_image,
  .mx_EntityTile .mx_BaseAvatar_image {
    width: 16px !important;
    height: 16px !important;
  }
  /* Initial letter in generated avatars */
  .mx_TopLeftMenuButton .mx_BaseAvatar_initial,
  .mx_RoomHeader .mx_BaseAvatar_initial,
  .mx_RoomTile .mx_BaseAvatar_initial,
  .mx_EntityTile .mx_BaseAvatar_initial {
    width: 16px !important;
    height: 16px !important;
    font-size: 12px !important;
    line-height: 16px !important;
  }
	/* RoomHeader */
	.mx_RoomHeader_avatar {
		margin-top: 3px !important;
	}
	/* E2E Icon */
	.mx_E2EIcon.mx_E2EIcon_normal,
	.mx_E2EIcon.mx_E2EIcon_verified {
		width: 12px;
		height: 12px;
	}
  /* Direct message badge */
  .mx_RoomTile_dm {
    width: 8px !important;
  }
	
  /* -------------------- */
  /* Sidebars                */
  /* -------------------- */
	.mx_RoomSubList.mx_RoomSubList_hidden,
	.mx_RoomSubList_labelContainer {
		height: 24px !important;		
	}
	
  .mx_RoomTile, .mx_EntityTile {
    height: 24px;
    align-items: normal;
  }
	
	.mx_MemberList_invite {
		display: none;
	}
	
  /* -------------------- */
  /* Topbar               */
  /* -------------------- */
	.mx_TopLeftMenuButton,
	.mx_RoomHeader {
		flex: 0 0 32px;
	}
	.mx_TopLeftMenuButton,
	.mx_RoomHeader_wrapper {
		height: 32px;
	}
	.mx_RoomHeader_name,
	.mx_TopLeftMenuButton_name {
		font-size: 16px;
	}
	.mx_RoomHeader_avatar {
		margin-top: 12px;
	}
	.mx_RoomHeader_topic {
		margin-top: 2px;
		max-height: 1.2em;
	}
}