Design improvement

client/src/app/instance/search/components/criteria/search-criteria-list.component.html

@@ -2,23 +2,25 @@
     <accordion-group #cs panelClass="abstract-accordion lead" [isOpen]="true" class="mt-2">
         <button class="btn btn-link btn-block clearfix pb-1" accordion-heading>
             <div class="pull-left float-left font-weight-bold">
-                <h4>Search criteria on {{ dataset.label }}&nbsp;
+                <h5>Search criteria on {{ dataset.label }}&nbsp;
                 <span *ngIf="cs.isOpen">
                     <span class="fas fa-chevron-up"></span>
                 </span>
                 <span *ngIf="!cs.isOpen">
                     <span class="fas fa-chevron-down"></span>
-                </span></h4>
+                </span></h5>
             </div>
         </button>
         <app-cone-search-parameters *ngIf="coneSearch"
             [coneSearch]="coneSearch"
-            [backgroundColor]="instance.design_color">
+            [backgroundColor]="instance.design_color"
+            [ngStyle]="{'font-size': '16px' }">
         </app-cone-search-parameters>
         <app-criteria-list-parameters *ngIf="criteriaList.length > 0"
             [criteriaList]="criteriaList"
             [attributeList]="attributeList"
-            [backgroundColor]="instance.design_color">
+            [backgroundColor]="instance.design_color"
+            [ngStyle]="{'font-size': '16px' }">
         </app-criteria-list-parameters>
         <p class="last">Once you have added your search criteria, if any, you can
             <a routerLink="/instance/{{ instance.name }}/search/output/{{ datasetSelected }}" [queryParams]="queryParams">

client/src/app/instance/search/components/criteria/search-criteria-list.component.scss

@@ -5,7 +5,9 @@
     border-bottom: 1px solid rgba(0, 0, 0, 0.125);
     margin-bottom: 1em;
 }
+
 .last {
     clear: both;
     padding-top: 0.5em;
+    font-size: smaller;
 }

client/src/app/instance/search/components/output/output-info.component.html

@@ -2,13 +2,13 @@
     <accordion-group #cs panelClass="abstract-accordion lead" [isOpen]="true" class="mt-2">
         <button class="btn btn-link btn-block clearfix pb-1" accordion-heading>
             <div class="pull-left float-left font-weight-bold">
-                <h4>Output column selection for {{ dataset.label }}&nbsp;
+                <h5>Output column selection for {{ dataset.label }}&nbsp;
                 <span *ngIf="cs.isOpen">
                     <span class="fas fa-chevron-up"></span>
                 </span>
                 <span *ngIf="!cs.isOpen">
                     <span class="fas fa-chevron-down"></span>
-                </span></h4>
+                </span></h5>
             </div>
         </button>
 

client/src/app/instance/search/components/output/output-info.component.scss

@@ -5,3 +5,7 @@ accordion {
     border-bottom: 1px solid rgba(0, 0, 0, 0.125);
     margin-bottom: 1em;
 }
+
+p {
+    font-size: smaller;
+}
\ No newline at end of file

client/src/app/instance/search/containers/result.component.html

@@ -29,7 +29,7 @@
                         [criteriaList]="criteriaList | async"
                         [coneSearch]="coneSearch | async">
                     </app-result-info>
-                    <div class="lead mt-4">
+                    <div class="lead mt-2">
                         <app-download-result
                             [instance]="instance | async"
                             [dataset]="dataset | async"