<div class="well">
    <p class="pull-right m-b-nil font-bold">
        <i class="hp-icon hp-close clickable close-preview-mode"></i>
    </p>
    <div class="preview-mode-contents hide">
        <h4 class="preview-mode-document-title"></h4>
        <div class="preview-mode-metadata"></div>
        <div class="preview-mode-document"></div>
    </div>
</div>
<div class="well">
    <p class="pull-right m-b-nil font-bold">
        <i class="hp-icon hp-close clickable close-preview-mode"></i>
    </p>
    <div class="preview-mode-contents hide">
        <h4 class="preview-mode-document-title"></h4>
        <div class="preview-mode-document"></div>
        <div class="preview-mode-metadata"></div>
    </div>
</div>
Fix media previews layout to be more like mockups.
[BIFHI-68/69] Fix media previews layout to be more like mockups. [minor]
