Design improved and fix order => DONE

src/app/search/components/summary.component.html

@@ -41,7 +41,7 @@
         <!-- Accordion families -->
         <accordion [isAnimated]="true">
             <accordion-group *ngFor="let family of outputFamilyList" #ag panelClass="abstract-accordion" [isOpen]="accordionFamilyIsOpen" class="pl-5">
-                <button class="btn btn-link btn-block clearfix pb-1" accordion-heading>
+                <button class="btn btn-link btn-block clearfix pb-1 text-primary" accordion-heading>
                     <div class="pull-left float-left">
                         {{ family.label }}
                         &nbsp;
@@ -58,7 +58,7 @@
                 <accordion [isAnimated]="true">
                     <accordion-group *ngFor="let category of getCategoryByFamilySortedByDisplay(family.id)" #ag panelClass="abstract-accordion" [isOpen]="currentStep === 'output' || outputList.length < 10" class="pl-4">
                         <button class="btn btn-link btn-block clearfix pb-1" accordion-heading>
-                            <div class="pull-left float-left">
+                            <div class="pull-left float-left text-primary">
                                 {{ category.label }}
                                 &nbsp;
                                 <span *ngIf="ag.isOpen">

src/app/search/components/summary.component.ts

@@ -54,6 +54,8 @@ export class SummaryComponent {
 
     getSelectedOutputByCategory(idCategory: number): Attribute[] {
         const outputListByCategory = this.datasetAttributeList.filter(attribute => attribute.id_output_category === idCategory);
-        return outputListByCategory.filter(attribute => this.outputList.includes(attribute.id));
+        return outputListByCategory
+            .filter(attribute => this.outputList.includes(attribute.id))
+            .sort((a, b) => a.output_display - b.output_display);;
     }
 }