Amélioration CSS définitions des entrées dans le tableau d'un lexique

public/assets/css/app.css

@@ -391,7 +391,9 @@ table.label-table > tbody > tr > td {
 .card-body.card-definition {
     margin-top: 2px;
     margin-bottom: 5px;
-    padding: 5px;
+    padding: 5px 5px 5px 15px;
+    font-size: .8rem;
+    font-weight: bold;
 }
 .show-on-hover > a {
     display: none;

templates/label/_selectionActions.html.twig

 <div id="selectionActions" class="row">
     <div class="col-md-12">
-        
+
         <i>{{ "Avec la sélection"|trans }}:</i>
 
         <a title="{{ "Créer des entrées pour ces mots-vedettes dans un lexique"|trans }}" href="#" class="modal-form btn btn-light btn-sm"

templates/lexicon/show.html.twig

@@ -145,7 +145,9 @@
                                                 </a>
                                                 <div class="collapse" id="def-{{ entry.id }}-{{ loop.index }}">
                                                     <div class="card card-body card-definition">
-                                                        {{ definitions|join('<br>')|raw }}
+                                                        {% for definition in definitions %}
+                                                            <div class="my-1">{{ loop.index }}. {{ definition }}</div>
+                                                        {% endfor %}
                                                     </div>
                                                 </div>
                                             {% endfor %}