ROENROLL-1984 fix missing "no variable credit courses" message

src/app/dars/new-degree-audit-dialog/new-degree-audit-dialog.component.html

@@ -124,31 +124,31 @@
       <p>To provide a more accurate audit, specify the number of credits you plan to take in the following courses:</p>
 
       <form [formGroup]="chosenCreditSettings">
-          <ng-container *ngIf="variableCreditCourses$ | async as variableCreditCourses; else loading">
-              <ng-container *ngIf="variableCreditCourses.length > 0; else noVariableCreditCourses">
-                <div class="credit-selector" *ngFor="let course of variableCreditCourses; let i = index" [formGroupName]="i">
-                    <label id="credits-range-{{ course.id }}">
-                      {{ course.termCode | getTermDescription }}: {{ course | courseDescription }}
-                      <br>
-                      <small>{{ course.title }}</small>
-                    </label>
-                    <mat-form-field>
-                      <mat-label>{{ course.creditMin }}-{{ course.creditMax }} cr</mat-label>
-                      <mat-select attr.aria-label="{{ credit }} credits" formControlName="credits" aria-labelledby="credits-range-{{ course.id }}" aria-labelledby="credits-range-{{ course.id }}">
-                        <mat-option
-                        attr.aria-label="{{ credit }} credits"
-                        *ngFor="let credit of course.range"
-                        [value]="credit">
-                        {{ credit }} cr
-                      </mat-option>
-                    </mat-select>
-                  </mat-form-field>
-                </div>
-                <ng-template #noVariableCreditCourses>
-                  <p><strong>No variable credits found. The audit is ready to be run.</strong></p>
-                </ng-template>
-              </ng-container>
+        <ng-container *ngIf="variableCreditCourses$ | async as variableCreditCourses; else loading">
+          <ng-container *ngIf="variableCreditCourses.length > 0; else noVariableCreditCourses">
+            <div class="credit-selector" *ngFor="let course of variableCreditCourses; let i = index" [formGroupName]="i">
+              <label id="credits-range-{{ course.id }}">
+                {{ course.termCode | getTermDescription }}: {{ course | courseDescription }}
+                <br>
+                <small>{{ course.title }}</small>
+              </label>
+              <mat-form-field>
+                <mat-label>{{ course.creditMin }}-{{ course.creditMax }} cr</mat-label>
+                <mat-select attr.aria-label="{{ credit }} credits" formControlName="credits" aria-labelledby="credits-range-{{ course.id }}" aria-labelledby="credits-range-{{ course.id }}">
+                  <mat-option
+                    attr.aria-label="{{ credit }} credits"
+                    *ngFor="let credit of course.range"
+                    [value]="credit">
+                    {{ credit }} cr
+                  </mat-option>
+                </mat-select>
+              </mat-form-field>
+            </div>
           </ng-container>
+          <ng-template #noVariableCreditCourses>
+            <p><strong>No variable credits found. The audit is ready to be run.</strong></p>
+          </ng-template>
+        </ng-container>
 
         <div class="step-actions">
           <button mat-button matStepperPrevious>Back</button>