Improvment: Change progress-bar search titles

client/src/app/instance/search/components/progress-bar.component.html

@@ -21,7 +21,7 @@
                 <div class="icon-circle" [ngStyle]="getNavItemIconCircleStyle('dataset', true)">
                     <span class="fas fa-book"></span>
                 </div>
-                Dataset
+                Dataset selection
             </a>
         </li>
         <li id="criteriaStep" class="nav-item" [ngClass]="{'active': currentStep === 'criteria', 'checked': criteriaStepChecked}">
@@ -33,13 +33,13 @@
                 <div class="icon-circle" [ngStyle]="getNavItemIconCircleStyle('criteria', criteriaStepChecked)">
                     <span class="fas fa-filter"></span>
                 </div>
-                Criteria
+                Search criteria
             </a>
             <a *ngIf="!datasetSelected" class="nav-link" [ngClass]="{'disabled': !datasetSelected}" [ngStyle]="getNavItemAStyle('criteria', criteriaStepChecked)" data-toggle="tab">
                 <div class="icon-circle" [ngStyle]="getNavItemIconCircleStyle('criteria', criteriaStepChecked)">
                     <span class="fas fa-filter"></span>
                 </div>
-                Criteria
+                Search criteria
             </a>
         </li>
         <li class="nav-item" [ngClass]="{'active': currentStep === 'output', 'checked': outputStepChecked}">
@@ -48,13 +48,13 @@
                 <div class="icon-circle" [ngStyle]="getNavItemIconCircleStyle('output', outputStepChecked)">
                     <span class="fas fa-eye"></span>
                 </div>
-                Output
+                Output columns
             </a>
             <a *ngIf="!datasetSelected" class="nav-link" [ngClass]="{'disabled': !datasetSelected}" [ngStyle]="getNavItemAStyle('output', outputStepChecked)" data-toggle="tab">
                 <div class="icon-circle" [ngStyle]="getNavItemIconCircleStyle('output', outputStepChecked)">
                     <span class="fas fa-eye"></span>
                 </div>
-                Output
+                Output columns
             </a>
         </li>
         <li class="nav-item" [ngClass]="{'active': currentStep === 'result', 'checked': resultStepChecked}">
@@ -63,13 +63,13 @@
                 <div class="icon-circle" [ngStyle]="getNavItemIconCircleStyle('result', resultStepChecked)">
                     <span class="fas fa-table"></span>
                 </div>
-                Result
+                Result table
             </a>
             <a *ngIf="!datasetSelected" class="nav-link" [ngClass]="{'disabled': !datasetSelected}" [ngStyle]="getNavItemAStyle('result', resultStepChecked)" data-toggle="tab">
                 <div class="icon-circle" [ngStyle]="getNavItemIconCircleStyle('result', resultStepChecked)">
                     <span class="fas fa-table"></span>
                 </div>
-                Result
+                Result table
             </a>
         </li>
     </ul>

client/src/app/instance/search/components/progress-bar.component.scss

@@ -38,7 +38,7 @@
 
 .nav-pills li a {
     padding: 0;
-    max-width: 78px;
+    //max-width: 78px;
     margin: 0 auto;
     color: rgba(0, 0, 0, 0.2);
     border-radius: 50%;