diff --git a/src/ui/regionalFeatures/singleFeatures/iEEGRecordings/iEEGRecordings/iEEGRecordings.template.html b/src/ui/regionalFeatures/singleFeatures/iEEGRecordings/iEEGRecordings/iEEGRecordings.template.html index 8d5cd968e4803219c7f8dca22ba3438c4321644b..aefcfeb42af6852e6407042af5a31c384ea9315a 100644 --- a/src/ui/regionalFeatures/singleFeatures/iEEGRecordings/iEEGRecordings/iEEGRecordings.template.html +++ b/src/ui/regionalFeatures/singleFeatures/iEEGRecordings/iEEGRecordings/iEEGRecordings.template.html @@ -21,7 +21,7 @@ </label> <section class="d-flex align-items-center mt-1"> <section id="task-list" class="flex-grow-1 flex-shrink-1 overflow-x-auto"> - <div role="list" class="ws-no-wrap"> + <div role="list"> <mat-chip *ngFor="let task of datum['tasks']" class="ml-1"> {{ task }} </mat-chip> @@ -34,7 +34,7 @@ </label> <section class="d-flex align-items-center mt-1"> <section id="contact-points-list" class="flex-grow-1 flex-shrink-1 overflow-x-auto"> - <div role="list" class="ws-no-wrap"> + <div role="list"> <mat-chip *ngFor="let contactPt of datum['contactPoints']" [matTooltip]="contactPt['position']" (click)="handleContactPtClk(contactPt)" diff --git a/src/ui/regionalFeatures/singleFeatures/receptorDensity/receptorDensity/receptorDensity.template.html b/src/ui/regionalFeatures/singleFeatures/receptorDensity/receptorDensity/receptorDensity.template.html index 55bebd6798509e8aff576185ee53fe3f65e71748..f1454e06ca2bef47d6629a80a3907497b650ed76 100644 --- a/src/ui/regionalFeatures/singleFeatures/receptorDensity/receptorDensity/receptorDensity.template.html +++ b/src/ui/regionalFeatures/singleFeatures/receptorDensity/receptorDensity/receptorDensity.template.html @@ -1,5 +1,5 @@ -<label for="fingerprint-cmp" class="d-block mat-h4 mt-4 text-muted"> - Fingerprint +<label for="fingerprint-cmp" class="d-inline mat-h4 mt-4 text-muted"> + Fingerprint : </label> <ng-container *ngFor="let datum of (data$ | async | filterReceptorByType : '_fp_')"> @@ -10,13 +10,15 @@ }"> </ng-container> - <ng-container *ngTemplateOutlet="datasetPreviewTmpl; context: { - id: 'fingerprint-cmp', - kgId: (feature['@id'] | getId), - filename: datum['@id'], - datum: datum - }"> - </ng-container> + <div class="d-block"> + <ng-container *ngTemplateOutlet="datasetPreviewTmpl; context: { + id: 'fingerprint-cmp', + kgId: (feature['@id'] | getId), + filename: datum['@id'], + datum: datum + }"> + </ng-container> + </div> </ng-container> @@ -54,8 +56,8 @@ <ng-template #prArTmpl let-label="label" let-filter="filter"> <ng-container *ngFor="let datum of (data$ | async | filterReceptorByType : selectedReceptor | filterReceptorByType : filter); let first = first"> <ng-template [ngIf]="first"> - <label [attr.for]="label + '-cmp'" class="d-block mat-h4 mt-4 text-muted"> - {{ label }} + <label [attr.for]="label + '-cmp'" class="d-inline mat-h4 mt-4 text-muted"> + {{ label }} : </label> </ng-template> @@ -65,13 +67,15 @@ }"> </ng-container> - <ng-container *ngTemplateOutlet="datasetPreviewTmpl; context: { - id: label + '-cmp', - kgId: (feature['@id'] | getId), - filename: datum['@id'], - datum: datum - }"> - </ng-container> + <div class="d-block"> + <ng-container *ngTemplateOutlet="datasetPreviewTmpl; context: { + id: label + '-cmp', + kgId: (feature['@id'] | getId), + filename: datum['@id'], + datum: datum + }"> + </ng-container> + </div> </ng-container> </ng-template> @@ -121,6 +125,7 @@ let-filename="filename" let-tooltip="tooltip"> <a [href]="url" + class="d-inline-block" [download]="filename" [matTooltip]="tooltip"> <button mat-icon-button> @@ -130,7 +135,7 @@ </ng-template> <ng-template #labelTmpl let-label="label" let-for="for"> - <label [attr.for]="for" class="text-muted"> + <label [attr.for]="for" class="d-inline text-muted"> <span> {{ label }} </span>