{% block body %}

    <div class="card border">
        <div class="card-header d-flex align-items-center border-0">
            <div class="row align-items-center">

                <h4 class="mb-0">
                    <span style="display:inline-block; width:16px; height:16px; border-radius:50%; background:{{ color }}; margin-right:10px;"></span>
                    {{ activityTime|ago }}</h4>
            </div>
        </div>
        <div class="card-body">
            <p>{{ userName }} - {{ action }}</p>
        </div>
    </div>

{% endblock %}