Change location of Open/Close All Sections buttons

src/app/dars/audit/audit.component.html

@@ -8,7 +8,7 @@
       </div>
 
       <div class="text-align-right">
-        <p>0123456789</p>
+        <p>{{audit.header.studentCampusId}}</p>
         <p>{{audit.header.darsCatalogYearTermLabel}}: {{audit.header.darsCatalogYearTerm}}</p>
         <p *ngIf="audit.header.darsAlternateCatalogYearTerm1">
           {{audit.header.darsAlternateCatalogYearTerm1Label}}: {{audit.header.darsAlternateCatalogYearTerm1}}
@@ -24,10 +24,6 @@
       {{audit.header.degreeProgramTitle2}}
     </h3>
 
-    <div class="audit-section-controles">
-      <button mat-stroked-button color="primary" (click)="openAllRequirements()">Open All Sections</button>
-      <button mat-stroked-button color="primary" (click)="closeAllRequirements()">Close All Sections</button>
-    </div>
   </header>
 
   <section class="audit-section" class="audit-top-section">
@@ -117,6 +113,10 @@
   </section>
 
   <section class="audit-section">
+    <div class="audit-section-controles">
+      <button mat-stroked-button color="primary" (click)="openAllRequirements()">Open All Sections</button>
+      <button mat-stroked-button color="primary" (click)="closeAllRequirements()">Close All Sections</button>
+    </div>
     <mat-accordion multi="true" hideToggle="true" #requirements>
 
       <!-- START OF REQUIREMENT -->

src/app/dars/audit/audit.component.scss

@@ -21,6 +21,7 @@ $blue: #0479a8;
 
 .audit-section-controles {
   text-align: center;
+  padding-bottom: 20px;
 
   button {
     margin: 20px 40px;