.item-form { font-family: $font-primary; } $header-top-margin: 5px; header.sheet-header { flex: 0 0 210px; overflow: hidden; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; .profile-img { flex: 0 0 100px; height: 100px; margin: $header-top-margin 10px $header-top-margin 0; } .header-fields { flex: 1; } h1.charname { height: 50px; padding: 0px; margin: $header-top-margin 0; border-bottom: 0; input { width: 100%; height: 100%; margin: 0; } font-family: $font-heading; } } .sheet-tabs { flex: 0; } .sheet-body, .sheet-body .tab, .sheet-body .tab .editor { height: 100%; } .tox { .tox-editor-container { background: $c-white; } .tox-edit-area { padding: 0 8px; } }