<style>
    .log-table {
        th, td {
            padding: .2rem .5rem;
            vertical-align: top;
            word-break: break-word;
        }
        thead tr {
            th{
                text-align: left !important;
            }
            th:nth-child(1), th:nth-child(2){
                min-width: 100px;
            }
        }
    }
</style>
<table class="log-table">
    <thead>
        <tr>
            <th>Timestamp</th>
            <th>Type</th>
            <th>Message</th>
        </tr>
    </thead>
    <tbody>
        {% for log in logs %}
        <tr>
            <td>{{ log.timestamp|date:"d-m-Y H:i" }}</td>
            <td>{{ log.displayable_log }}</td>
            <td>{{ log.message|default:"-"|safe }}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
