Fix wrong rendering of badges on recipe edit

janpeterka · Jul 16, 2023 · 23152f6 · 23152f6
1 parent 1c973e0
commit 23152f6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/app/templates/recipes/edit/_info.html.j2 b/app/templates/recipes/edit/_info.html.j2
@@ -29,7 +29,7 @@
                     <div class="col-sm-9">
                         {# {{ render_field(form.dietary_labels, has_label=False, data_select_badges_target="select") }} #}
                         {{ form.dietary_labels(data_select_badges_target="select", option_attr=form.dietary_labels.option_attr) }}
-                        <div data-select-badges-target="badges" class="text-overflow-break"></div>
+                        <div data-select-badges-target="badges" class="d-flex flex-wrap"></div>
                     </div>
                 </div>
 
@@ -39,7 +39,7 @@
                     {{ form.difficulty_label.label(class_="me-1 col-sm-2 col-form-label") }}
                     <div class="col-sm-9">
                         {{ form.difficulty_label(data_select_badges_target="select", option_attr=form.difficulty_label.option_attr)}}
-                        <div data-select-badges-target="badges" class="text-overflow-break"></div>
+                        <div data-select-badges-target="badges" class="d-flex flex-wrap"></div>
                     </div>
                 </div>
             </div>