<div class="_container">
    <div class="item btn btn-outline-primary" [class.active]="active">
        <div class="button" (click)="open()">
            <div class="icon">
                <i class="fa fa-file-archive-o" aria-hidden="true"></i>
            </div>
            <div class="name">{{csar.name}}</div>
        </div>
        <div class="actions">
            <i *ngIf="csar.successfulParsed()" (click)="newTransformation()" class="fa fa-plus-circle" aria-hidden="true"></i>
            <i (click)="deleteCsar()" class="fa fa-trash" aria-hidden="true"></i>
        </div>
    </div>
    <app-csar-sub-item [class.sub-item]="active" [hidden]="!active" [csar]="csar"></app-csar-sub-item>
</div>

<div class="_container">
    <div class="item btn btn-outline-primary" [class.active]="active">
        <div class="button" (click)="open()">
            <div class="icon">
                <i class="fa fa-file-archive-o" aria-hidden="true"></i>
            </div>
            <div class="name">{{csar.name}}</div>
        </div>
        <div class="actions">
            <i *ngIf="csar.successfulParsed()" (click)="newTransformation()" class="fa fa-plus-circle" aria-hidden="true"></i>
            <i (click)="deleteCsar()" class="fa fa-trash" aria-hidden="true"></i>
        </div>
    </div>
    <app-csar-sub-item [class.sub-item]="active && csar.transformations.length > 0" [hidden]="!active" [csar]="csar"></app-csar-sub-item>
</div>

Fix gap when csar has no transformations
Fix gap when csar has no transformations

