From 5e3d0d7be340d65187f0701dd274321ddd8e4b5a Mon Sep 17 00:00:00 2001
From: Simon Gantenbein <28899559+ganti@users.noreply.github.com>
Date: Sun, 21 Jan 2024 18:04:22 +0100
Subject: [PATCH] Add CSS Classes (#392) (#394)

* Add CSS Classes (#392)

* Remove whitespace-nowrap (#392)

---------

Co-authored-by: Damien Harper <damien.harper@gmail.com>
---
 src/Resources/views/Audit/audits.html.twig      | 2 +-
 src/Resources/views/Audit/entry.html.twig       | 8 ++++----
 src/Resources/views/Audit/transaction.html.twig | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/Resources/views/Audit/audits.html.twig b/src/Resources/views/Audit/audits.html.twig
index d4b602c6..b57cacac 100644
--- a/src/Resources/views/Audit/audits.html.twig
+++ b/src/Resources/views/Audit/audits.html.twig
@@ -23,7 +23,7 @@
 {% block dh_auditor_content %}
     <div class="auditor-audits mb-6 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 mx-4 sm:mx-0">
         {% for entity, table in audited %}
-            <div class="bg-white overflow-hidden rounded border border-gray-200 hover:bg-blue-50 hover:border-blue-300 transition-all duration-300 group flex flex-col justify-between">
+            <div id="audit-entity-{{ entity|escape|split('\\')|last|lower }}" class="auditor-audit bg-white overflow-hidden rounded border border-gray-200 hover:bg-blue-50 hover:border-blue-300 transition-all duration-300 group flex flex-col justify-between">
                 <div class="px-4 py-3 sm:px-4">
                     <h3 class="text-lg leading-6 text-gray-900">
                         <code class="text-pink-500">{{ entity|escape }}</code>
diff --git a/src/Resources/views/Audit/entry.html.twig b/src/Resources/views/Audit/entry.html.twig
index 8e64c75d..fac39ca9 100644
--- a/src/Resources/views/Audit/entry.html.twig
+++ b/src/Resources/views/Audit/entry.html.twig
@@ -1,6 +1,6 @@
 {% import '@DHAuditor/Audit/helpers/helper.html.twig' as helper %}
 
-<div class="relative pb-8">
+<div class="auditor-audit-history-entry relative pb-8">
     {% if not is_last %}
     <span class="absolute top-4 left-4 -ml-px h-full w-0.5 bg-gray-200" aria-hidden="true"></span>
     {% endif %}
@@ -10,7 +10,7 @@
                 {{ helper.icon_type(entry.getType()) }}
             </span>
         </div>
-        <div class="min-w-0 flex-1 bg-gray-100 rounded pb-2 px-3 border hover:border hover:border-blue-400 hover:bg-blue-50 transition-all duration-300 group">
+        <div class="auditor-audit-history-entry-table min-w-0 flex-1 bg-gray-100 rounded pb-2 px-3 border hover:border hover:border-blue-400 hover:bg-blue-50 transition-all duration-300 group">
             <div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4">
                 <div>
                     <p class="text-sm text-gray-500">{{ helper.summarize(entity, entry) }}</p>
@@ -51,7 +51,7 @@
                                         <td class="px-3 py-1 whitespace-nowrap text-sm font-medium text-gray-900">
                                             <code class="text-gray-700">{{ key }}</code>
                                         </td>
-                                        <td class="px-3 py-1 whitespace-nowrap text-sm text-gray-500">
+                                        <td class="px-3 py-1 text-sm text-gray-500">
                                             {% if values.old is defined %}
                                                 {% if values.old is null %}
                                                     <span class="bg-gray-500 px-2 py-0.5 rounded text-white">null</span>
@@ -60,7 +60,7 @@
                                                 {% endif %}
                                             {% endif %}
                                         </td>
-                                        <td class="px-3 py-1 whitespace-nowrap text-sm text-gray-500">
+                                        <td class="px-3 py-1 text-sm text-gray-500">
                                             {% if values.new is defined %}
                                                 {% if values.new is null %}
                                                     <span class="bg-gray-500 px-2 py-0.5 rounded text-white">null</span>
diff --git a/src/Resources/views/Audit/transaction.html.twig b/src/Resources/views/Audit/transaction.html.twig
index aa11aceb..0af7a354 100644
--- a/src/Resources/views/Audit/transaction.html.twig
+++ b/src/Resources/views/Audit/transaction.html.twig
@@ -51,7 +51,7 @@
         <hr class="m-6" />
     {% endif %}
 
-<div class="flow-root">
+<div class="audit-transactions flow-root">
     <div class="mb-6 flex items-center justify-between">
         <div>
             <code class="text-pink-500">{{ entity }}</code>