<div class="media align-items-start">
    <img 
        class="mr-2 rounded flex-shrink-0" 
        src="<%- image_url %>" 
        width="35" 
        height="35" 
        alt="<%- title %>" 
    />

    <div class="media-body d-flex flex-column overflow-hidden">
        <span class="text-truncate <%- (typeof date_created === 'undefined' || date_created === '') ? 'mt-2' : '' %>">
            <%- title %>
        </span>

        <% if (typeof date_created !== "undefined" && date_created !== '') { %>
            <small class="text-muted">
                <%- date_created %>
            </small>
        <% } %>
    </div>
</div>
