Make progressbar legend not wrap in items

This commit is contained in:
Stefan Wehrmeyer 2022-03-18 14:26:33 +01:00
parent 605a32806a
commit ae34a334c8

View file

@ -44,12 +44,12 @@
<div class="mt-5"> <div class="mt-5">
{% include "froide_govplan/plugins/progress.html" with object_list=plans %} {% include "froide_govplan/plugins/progress.html" with object_list=plans %}
<p class="small text-gray-700 mt-3"> <p class="small text-gray-700 mt-3 no-hyphens">
<i class="fa fa-circle text-success"></i> umgesetzt <span class="text-nowrap mr-1"><i class="fa fa-circle text-light"></i>&nbsp;nicht begonnen</span>
<i class="fa fa-circle text-warning ml-1"></i> teilweise umgesetzt <span class="text-nowrap mr-1"><i class="fa fa-circle text-primary"></i>&nbsp;begonnen</span>
<i class="fa fa-circle text-danger ml-1"></i> verschoben <span class="text-nowrap mr-1"><i class="fa fa-circle text-warning"></i>&nbsp;teilweise umgesetzt</span>
<i class="fa fa-circle text-primary ml-1"></i> begonnen <span class="text-nowrap mr-1"><i class="fa fa-circle text-success"></i>&nbsp;umgesetzt</span>
<i class="fa fa-circle text-light ml-1"></i> nicht begonnen <span class="text-nowrap mr-1"><i class="fa fa-circle text-danger"></i>&nbsp;verschoben</span>
</p> </p>
</div> </div>
</div> </div>