It took me a while to get back to this request, but thanks for the direction DenisChenu!
I updated the answer.twig to show <ol> instead of <ul>:
Code:
<!-- before -->
<ul id="sortable-rank-{{qId}}" class="sortable-rank sortable-list list-group">
<li class="hidden ls-remove"></li>
</ul>
<!-- after -->
<ol id="sortable-rank-{{qId}}" class="sortable-rank sortable-list list-group">
<li class="hidden ls-remove"></li>
</ol>
then modified the css for the question by injecting this code:
Code:
<style type="text/css">#sortable-rank-2049 {
padding-left: 2rem;
}
#sortable-rank-2049 .list-group-item {
display: list-item;
}
</style>
What I like about this solution is that the <ol> is suppressed by default, display: block, so if you don't override the css in the question, the sortable answers don't show the numbers. For many instances, this is fine. In my case, for question #2049, I want the <ol> to show numbers so I add some padding and force the .list-group-item to display: list-item.
