Improve compare styling

src/Service/SnipContent/Lexer.php

@@ -0,0 +1,8 @@
+<?php
+
+namespace App\Service\SnipContent;
+
+class Lexer
+{
+
+}

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>

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>