<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>
