Nice browser. Is it antique?
No, seriously - your browser is so old that some features of patternplate don't work as expected.
Don't worry - you can either continue with a restricted version or install an up-to-date browser.
We messed up.
Sorry, but your user experience might be affected.
- Try reloading the page
- Report the problem at github.com/patternplate/patternplate

Two line list@1.0.0

<div class="c-two-line-list">
    <div class="c-two-line-list__item">
        <div class="c-two-line-list__item-avatar">
            <div class="fake-avatar"></div>
        </div>
        <div class="c-two-line-list__item-copy">
            <div class="c-two-line-list__item-title">Hermoine Granger</div>
            <div class="c-two-line-list__item-text">Passed</div>
        </div>
        <div class="c-two-line-list__item-expand"><i class="material-icons">expand_more</i></div>
        <div class="c-two-line-list__item-expanded">
            <button class="c-button-raised--primary">
                Pass
            </button>
            <button class="c-button-raised--primary">
                Fail
            </button>
        </div>
    </div>
</div>

<div class="c-two-line-list">
    <div class="c-two-line-list__item is-open">
        <div class="c-two-line-list__item-avatar">
            <div class="fake-avatar"></div>
        </div>
        <div class="c-two-line-list__item-copy">
            <div class="c-two-line-list__item-title">Hermoine Granger</div>
            <div class="c-two-line-list__item-text">Passed</div>
        </div>
        <div class="c-two-line-list__item-expand"><i class="material-icons">expand_less</i></div>
        <div class="c-two-line-list__item-expanded">
            <button class="c-button-raised--primary">
                Pass
            </button>
            <button class="c-button-raised--primary">
                Fail
            </button>
        </div>
    </div>
    <div class="c-linear-progress--indeterminate">
        <div class="c-linear-progress__buffer-dots"></div>
        <div class="c-linear-progress__buffer"></div>
        <div class="c-linear-progress__primary-bar">
            <span class="c-linear-progress__bar-inner"></span>
        </div>
        <div class="c-linear-progress__secondary-bar">
            <span class="c-linear-progress__bar-inner"></span>
        </div>
    </div>
</div>