From 8ee5d42da815cf96a0da34cd5b0811e529c425a3 Mon Sep 17 00:00:00 2001
From: Tim <tim.veenendaal@gmail.com>
Date: Mon, 3 Jun 2019 13:53:52 +0200
Subject: [PATCH] Improve layout of error display

---
 Resources/views/errors.html.twig | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/Resources/views/errors.html.twig b/Resources/views/errors.html.twig
index 07b4891..078b58a 100644
--- a/Resources/views/errors.html.twig
+++ b/Resources/views/errors.html.twig
@@ -6,14 +6,16 @@
     {% for log in logs %}
         {# @var log \App\Ardent\LoggerBundle\Entity\LogEntry #}
         <div class="card">
-            <div class="card-body">
-                <h5 class="card-title">{{ log.levelName }} #{{ log.id }}</h5>
-                <h6 class="card-subtitle mb-2 text-muted">{{ log.createdAt | date('D, d M y H:i:s') }}</h6>
+            <div class="card-header bg-dark text-white" role="button" data-toggle="collapse" data-target="#log-body{{ log.id }}">{{ log.levelName }} #{{ log.id }}</div>
+            <div class="card-body collapse" id="log-body{{ log.id }}">
                 <p class="card-text">{{ log.message }}</p>
-                {% for context in log.context %}
-                    <p class="card-text"> > {{ context }}</p>
-                {% endfor %}
+                <ul class="list-group list-group-flush">
+                    {% for context in log.context %}
+                        <li class="list-group-item">{{ context }}</li>
+                    {% endfor %}
+                </ul>
             </div>
+            <div class="card-footer">{{ log.createdAt | date('D, d M y H:i:s') }} </div>
         </div>
     {% endfor %}
 {% endblock %}
\ No newline at end of file