A bit cleaner HipChat layout

gistfile1.txt

@-moz-document regexp("https://.*.hipchat.com/chat") {
/* collapsable sidebar on narrow screens */

@media all and (max-width: 50em)
{
    /*.top_bar_private ~ */ #sidebar {
        position: relative;
        left: calc(199px - 3em);
        transition: left 0.2s;
    }
    /*.top_bar_private ~*/ #main_chat {
        width: calc(100% - 180px - 3em) !important;
    }
    /*.top_bar_private ~*/ #sidebar:hover {
        left: 0;
    }
}

/* bigger chat font */

#chats p
{
  font-size: 14px;
}


/* don't display name in separate column */

td.nameBlock,
td.messageBlock {
    display: inline;
}
.chatBlock table,
.chatBlock tbody,
.chatBlock tr {
    display: block;
}
.nameBlock p {
    float: left;
}
#chats td.nameBlock,
.nameBlock p {
    width: auto !important;
    border: none !important;
}

/* hide logo */
.logo {
    display: none;
}
ul#tabs {
    margin-top: 0;
    height: calc(100% - 34px) !important;
}
}