Fixed bootstrap collapse display

src/app/submission/sections/container/section-container.component.html

@@ -11,7 +11,7 @@
                  [destroyOnHide]="false">
     <ngb-panel id="{{ sectionData.id }}">
       <ng-template ngbPanelTitle>
-        <span>{{ 'submission.sections.'+sectionData.header | translate }}</span>
+        <span class="float-left">{{ 'submission.sections.'+sectionData.header | translate }}</span>
         <div class="d-inline-block float-right">
           <i *ngIf="!(sectionRef.isValid() | async) && !(sectionRef.hasErrors())" class="fa fa-exclamation-circle text-warning mr-3"
              aria-hidden="true"></i>

src/app/submission/sections/container/section-container.component.scss

@@ -15,3 +15,8 @@
   border-bottom-left-radius: $card-border-radius !important;
   border-bottom-right-radius: $card-border-radius !important;
 }
+
+:host /deep/ .card-header button {
+  box-shadow: none !important;
+  width: 100%;
+}

src/app/submission/sections/container/section-container.component.ts

@@ -9,7 +9,7 @@ import { AlertType } from '../../../shared/alerts/aletrs-type';
 @Component({
   selector: 'ds-submission-form-section-container',
   templateUrl: './section-container.component.html',
-  styleUrls: ['./section-container.component.scss'],
+  styleUrls: ['./section-container.component.scss']
 })
 export class SectionContainerComponent implements OnInit {
   @Input() collectionId: string;