Add badge to single product view.

templates/product.html.twig

@@ -6,8 +6,10 @@
             <td class="align-middle font-weight-bold h3"><a class="text-warning text-decoration-none"
                                                             href="{{ path('app_star', {'productId': product.id}) }}">{% if product.starred %}★{% else %} ☆ {% endif %}</a></td>
             <td><img src='{{ product.image }}&width=150' class='border rounded p-1' alt='{{ product.name }}'/></td>
-            <td><a href='{{ path('app_product', {'productId': product.id}) }}' class="text-decoration-none">{{ product.name }}</a></td>
-            <td>{{ product.subTitle }}</td>
+            <td>
+                <a href='{{ path('app_product', {'productId': product.id}) }}' class="text-decoration-none">{{ product.name }}</a>
+                <span class="badge text-bg-light">{{ product.subTitle }}</span>
+            </td>
             <td>
                 <ul class='nav'>
                     {% for category in product.categories %}
@@ -18,14 +20,14 @@
             <td><a href='https://pl.ryobitools.eu/{{ product.url }}'>link</a></td>
         </tr>
         <tr>
-            <td colspan="4">
+            <td colspan="5">
                 <div style="width: 800px;">
                     <canvas id="price"></canvas>
                 </div>
             </td>
         </tr>
         <tr>
-            <td colspan="4">
+            <td colspan="5">
                 <table class='table table-hover table-sm mb-0'>
                     <thead>
                     <tr>