chain4all-frontend/src/app/bc-info/purchase-history/purchase/purchase.component.html

<div class="card">

    <div class="card-header">
        <small>{{timestamp}}</small>
        <span style="float: right;">                            
            <button style="margin-right: 5px" class="btn btn-secondary btn-sm">
                Data
            </button>
            <button style="margin-right: 5px" class="btn btn-sm" (click)="expanded = !expanded">
                <i [class]="expanded ? 'icon-arrow-up' : 'icon-arrow-down'"></i>
            </button>
        </span>        
    </div>

    <div [class]="expanded ? '' : 'collapse'">
        <div class="card-body">
            Extent: {{extent}}
            Amount: {{amount}}
        </div>
    </div>

</div>