CSS to make HelloSign more usable

hellosign.css

.l-app .l-app--content {
    padding-bottom: 0;
}

main.au {
    padding-top: 121px;
}

.l-app .l-app--container {
    padding-top: 100px;
}

.m-app-topbar .m-app-topbar--logo > a {
    float: none;
    padding-top: 0;
    display: block;
}

.m-app-topbar .m-app-topbar--logo > a > img {
    margin: 0;
    display: block;
}

#manage {
    background: #fafbfd;
}

.doc-name span {
    width: 0;
    display: block;
    overflow: hidden;
}

.doc-name span:after {
    content: attr(title);
    display: block;
    width: 300px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
}

body {
    background: #fafbfd;
}

#site-footer, #footer-fill-empty-space,
#site-wrapper > .aw.ax {
    display: none;
}

#site-header, #site-wrapper > .e.f.g {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    margin-top: 0;
    border-bottom: 1px solid #e5e6e8;
    z-index: 99;
}

.m-app-topbar {
    width: 1160px;
    margin: 0 auto;
    float: none;
    padding: 10px 0;
}

.m-app-topbar .m-app-topbar--actions {
    padding-top: 0;
}

#transmission_container > table tr td:first-child, #invoice_container > table tr > *:first-child {
    width: 200px !important;
}

#transmission_container > table tr td:first-child + td, #invoice_container > table tr td:first-child + td {
    width: 300px;
}

#transmission_container > table tr.show, #invoice_container > table tr.show, #transmission_container > table tr.selected, #transmission_container > table tr.highlight, #invoice_container > table tr.selected,
#info_box {
    background: #ffffff !important;
}

#manage table td.doc-status span.out-for-signature {
    background: transparent;
}

div.outer_editor.preview .attachment .doc_page_img {
    height: auto;
}

.preview-subheader-wrapper {
    margin-top: 40px;
}