Hi,

I am struggling to render the nodelist in an accordion style view using boostrap 4.


<div class="card">
    <div class="card-header">
        <a class="card-link" data-toggle="collapse" href="#allNodes">
            <div class="text-left" style="float: left;">All Shapes</div>
            <div class="text-right">></div>
        </a>
    </div>
    <div id='allNodes' class="card-body p-1 collapse">
        @Html.NodeListView(nodeListView,
            new { style = "height: 500px; width:''!important;" });
    </div>
</div>

As you can see the initial state of the accordion is collapsed. So I expect this to not render in the background. However, the NodeListView does render but there is no gap between the NodeShape and the name (see screenshot).

Any ideas how I can add some gaps?