<div class="row d-flex mt-2 mb-2">
<div class="p-1" [ngStyle]="{flex: flexAt(1)}">
- <label class="font-weight-bold" i18n>Owning Library</label>
+ <span class="font-weight-bold" i18n>Owning Library
+ <ng-container *ngIf="expand !== 1">
+ <button title="Expand Column" i18n-title
+ class="material-icon-button" (click)="expand = 1" i18n>
+ ↗
+ </button>
+ </ng-container>
+ <ng-container *ngIf="expand === 1">
+ <button title="Shrink Column" i18n-title
+ class="material-icon-button" (click)="expand = null" i18n>
+ ↙
+ </button>
+ </ng-container>
+ </span>
</div>
<div class="p-1" [ngStyle]="{flex: flexAt(2)}">
<label class="font-weight-bold" i18n>Call Numbers</label>
</div>
<div class="p-1" [ngStyle]="{flex: flexAt(3)}" *ngIf="displayColumn('classification')">
- <label class="font-weight-bold" i18n>Classification</label>
+ <span class="font-weight-bold" i18n>Classification
+ <ng-container *ngIf="expand !== 3">
+ <button title="Expand Column" i18n-title
+ class="material-icon-button" (click)="expand = 3" i18n>
+ ↗
+ </button>
+ </ng-container>
+ <ng-container *ngIf="expand === 3">
+ <button title="Shrink Column" i18n-title
+ class="material-icon-button" (click)="expand = null" i18n>
+ ↙
+ </button>
+ </ng-container>
+ </span>
</div>
<div class="p-1" [ngStyle]="{flex: flexAt(4)}" *ngIf="displayColumn('prefix')">
<span class="font-weight-bold" i18n>Prefix
<label class="font-weight-bold" i18n>Item #</label>
</div>
<div class="p-1" [ngStyle]="{flex: flexAt(10)}">
- <label class="font-weight-bold" i18n>Part</label>
+ <span class="font-weight-bold" i18n>Part
+ <ng-container *ngIf="expand !== 10">
+ <button title="Expand Column" i18n-title
+ class="material-icon-button" (click)="expand = 10" i18n>
+ ↗
+ </button>
+ </ng-container>
+ <ng-container *ngIf="expand === 10">
+ <button title="Shrink Column" i18n-title
+ class="material-icon-button" (click)="expand = null" i18n>
+ ↙
+ </button>
+ </ng-container>
+ </span>
</div>
</div>