.items-list { list-style: none; margin: 7px 0; padding: 0; overflow-y: auto; .item-header { font-weight: bold; } .item { height: 30px; line-height: 24px; padding: 3px 0; border-bottom: 1px solid #bbb; .item-image { flex: 0 0 24px; height: 100%; //margin-right: 5px; @include centered-content; } img { display: block; border: none; } input { border: 0; padding: 0; } input[type="checkbox"] { width: auto; height: 100%; margin: 0px; } } .item-name { margin: 0; } .item-controls { flex: 0 0 86px; text-align: right; } .item-num-val { text-align: center; width: 2.5em; padding: 0; } .item-description { font-size: 75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 100%; p { text-overflow: ellipsis; overflow: hidden; } p:first-child { margin-top: 0px; padding-top: 0px; } } } .items-list-title { margin-top: 2em; margin-bottom: 0px; padding-left: 1em; border-bottom: 2px groove $c-border-groove; font-weight: bold; }