Gitter - compact interface

gitter.css

@-moz-document domain("gitter.im") {
/* Header */
header.header,
.header .header-main-menu {
    height: 3.5rem !important;
}

/* Left panel */
.body .layout-minibar {
    width: 3.5rem;
}

.header .header-minibar,
.layout-minibar .item {
    height: 3.5rem;
    width: 3.5rem;
}

.item.item-toggle .icon-wrapper {
    height: auto;
}

.root.unpinned .layout-main-menu {
    left: 3.5rem !important;
}

.room-list-title{
    line-height: 3.5rem !important;
}

.layout-main-menu .list-item-link {
    height: 2.5rem;
    padding: 0;
}

/* Chat header */
.chat-header {
    min-height: 3.5rem;
}

.chat-header .chat-header__main-grouping,
.chat-header__heading-sub-group {
    height: 3.5rem
}

.chat-header .chat-header__main-grouping:hover {
    height: auto;
}

.chat-header__info-grouping {
    justify-content: center;
    text-align: center;
}

.chat-header__heading,
.chat-header__topic:not(:empty) {
    margin-top: calc((3.5rem - 1em) / 2);
    margin-bottom: 0;
}

.js-chat-header-group-avatar-upload-label {
    height: 3.5rem;
    width: 3.5rem;
}
.js-chat-header-avatar-image {
    height: 3rem !important;
}
.chat-header__action-grouping .profile-menu {
    padding: 0 0 0 1.2rem;
}
.chat-header .chat-header__action-grouping:hover,
.chat-header__action-grouping .profile-menu:before {
    height: 3.5rem
}

.profile-menu__avatar {
    height: 3.5rem;
    width: 3.5rem;
}

/* Chat, right toolbar */
.chat-and-toolbar-wrapper {
    padding-top: 3.5rem;
}