Edit sample card markup

<div class="row"> 
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="card">
            <div class="card-block">
                <div class="card-title">
                    All Samples (PrimeNG)
                </div>
                <div class="card-text">
                <p-dataTable [value]="allSamples" scrollable="true" scrollWidth="100%" [rows]="15" [paginator]="true" [pageLinks]="3" [rowsPerPageOptions]="[5,15,50, 100]">
                    <p-column  header="Edit" [style]="{'width':'35px'}">
                         <ng-template let-col let-sample="rowData" pTemplate="body">
                                 <div class="btn-group">
                                    <button class="btn btn-sm btn-link" (click)="showHideEdit = !showHideEdit" ><clr-icon shape="note-edit" size="16"></clr-icon></button>
                                </div>
                        </ng-template>
                    </p-column>
                    <p-column field="sample_id" header="Sample ID" [style]="{'width':'75px'}" ></p-column>
                    <p-column field="study_name" header="Study Name"  [sortable]="true"  [style]="{'width':'15em'}"></p-column>
                    <p-column field="collab_sample_id" header="Collaborator Sample ID" [style]="{'width':'12em'}"></p-column>
                    <p-column field="sample_type" header="Sample Type" [style]="{'width':'8em'}"></p-column>
                    <p-column field="samp_desc" header="Sample Description" [style]="{'width':'20em'}"></p-column>
                    <p-column field="matrix" header="Matrix" [style]="{'width':'8em'}"></p-column>
                    <p-column field="filter_flag" header="Filtered" [style]="{'width':'5em'}"></p-column>
                    <p-column field="secondary_conc_flag" header="2° Conc"  [style]="{'width':'5em'}"></p-column>
                    <p-column field="samp_vol_filt" header="Vol Filtered"  [style]="{'width':'6em'}">
                        <ng-template let-col let-sample="rowData" pTemplate="body">
                            <span >  {{sample[col.field]}} {{sample.tvs_units}}</span>
                        </ng-template>
                    </p-column>

                    <p-column field="imr" header="IMR"  [style]="{'width':'5em'}">
                          <ng-template let-col let-sample="rowData" pTemplate="body">
                            <span >  {{sample[col.field]}} {{sample.units}}</span>
                        </ng-template>
                    </p-column>
                    <p-column field="fmr" header="FMR"  [style]="{'width':'5em'}">
                          <ng-template let-col let-sample="rowData" pTemplate="body">
                            <span >  {{sample[col.field]}} {{sample.units}}</span>
                        </ng-template>
                    </p-column>
      
                    <p-column field="air_subsample_vol_ml" header="Air Subsample Volume (mL)"  [style]="{'width':'8em'}"></p-column>
                    <p-column field="vol_post_dilution_ul" header="Volume After Dilution (uL)"   [style]="{'width':'5em'}"></p-column>
                    <p-column field="filter_type" header="Filter Type"  [style]="{'width':'10em'}"></p-column>

                    <p-column field="filt_bornon_date" header="Filter Born On Date"  [style]="{'width':'8em'}"></p-column>
                    <p-column field="collect_start_date" header="Collect Start Date"  [style]="{'width':'8em'}"></p-column>
                    <p-column field="collect_end_date" header="Collect End Date"  [style]="{'width':'8em'}"></p-column>
           
                    <p-column field="study_site_name" header="Study Site Name"  [style]="{'width':'5em'}"></p-column>
                    <p-column field="study_site_id" header="Study Site ID"  [style]="{'width':'5em'}"></p-column>
                    <p-column field="sampler_name" header="Sampler Name"  [style]="{'width':'5em'}"></p-column>
                    <p-column field="sample_notes" header="Sample Notes" [style]="{'width':'20em'}"></p-column>
                    <p-column field="insert_user" header="Added by"  [sortable]="true"  [style]="{'width':'8em'}"></p-column>
                    <p-column field="insert_date" header="Date added"  [sortable]="true"  [style]="{'width':'8em'}"></p-column>
                    <p-column field="update_user" header="Updated by"  [sortable]="true"  [style]="{'width':'8em'}"></p-column>
                    <p-column field="update_date" header="Date updated"  [sortable]="true"  [style]="{'width':'8em'}"></p-column>
                
                    <p-footer><div style="text-align: left"></div></p-footer>
                </p-dataTable>
                </div> 
            </div>
        </div>
    </div>
</div>