From 771f354346e9362aced090bce468bb4d9e09d43a Mon Sep 17 00:00:00 2001
From: Tim <git@loken.nl>
Date: Sat, 10 May 2025 12:51:55 +0200
Subject: [PATCH] Improve compare styling

---
 src/Service/SnipContent/Lexer.php   | 8 ++++++++
 templates/content/compare.html.twig | 8 ++++++--
 templates/version/index.html.twig   | 2 +-
 3 files changed, 15 insertions(+), 3 deletions(-)
 create mode 100644 src/Service/SnipContent/Lexer.php

diff --git a/src/Service/SnipContent/Lexer.php b/src/Service/SnipContent/Lexer.php
new file mode 100644
index 0000000..e0acbfe
--- /dev/null
+++ b/src/Service/SnipContent/Lexer.php
@@ -0,0 +1,8 @@
+<?php
+
+namespace App\Service\SnipContent;
+
+class Lexer
+{
+
+}
\ No newline at end of file
diff --git a/templates/content/compare.html.twig b/templates/content/compare.html.twig
index a5c8b09..3838e41 100644
--- a/templates/content/compare.html.twig
+++ b/templates/content/compare.html.twig
@@ -23,8 +23,12 @@
                 <td class="table-{{ line.type == 'insert' ? 'success' : (line.type == 'delete' ? 'danger' : 'info') }}">
                     {{ line.type }}
                 </td>
-                <td>{{ line.from }}</td>
-                <td>{{ line.to }}</td>
+                <td class="table-{{ line.type == 'insert' ? '' : (line.type == 'delete' ? 'danger' : 'info') }}">
+                    {{ line.from }}
+                </td>
+                <td class="table-{{ line.type == 'insert' ? 'success' : (line.type == 'delete' ? '' : 'info') }}">
+                    {{ line.to }}
+                </td>
             </tr>
         {% endfor %}
         </tbody>
diff --git a/templates/version/index.html.twig b/templates/version/index.html.twig
index b01167a..4cc09c7 100644
--- a/templates/version/index.html.twig
+++ b/templates/version/index.html.twig
@@ -9,7 +9,7 @@
     <a href="{{ path('version_set', {version: snip.latestVersion.id, snip: snip.id}) }}" class="btn btn-warning">
         <i class="fa fa-refresh"></i> Latest
     </a>
-    <a href="{{ path('content_compare', {to: snip.activeVersion.id}) }}" class="btn btn-warning">
+    <a href="{{ path('content_compare', {to: snip.activeVersion.id}) }}" class="btn btn-info">
         <i class="fa fa-left-right"></i> Compare
     </a>
     <br><br>