Merge pull request #798 from HumanBrainProject/chore_regionalFeatureMinorFixes

Chore regional feature minor fixes

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)"

src/ui/regionalFeatures/singleFeatures/receptorDensity/receptorDensity/receptorDensity.template.html

-<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>