spinner fix

angular.json

@@ -24,7 +24,8 @@
             ],
             "styles": [
               "src/styles.scss",
-              "node_modules/ngx-toastr/toastr.css"
+              "node_modules/ngx-toastr/toastr.css",
+              "node_modules/ngx-spinner/animations/line-spin-fade.css"
             ],
             "scripts": [],
             "aot": false,
@@ -131,4 +132,4 @@
       }
     }
   }
-}
+}

package.json

@@ -34,7 +34,7 @@
     "highcharts-angular": "^3.0.0",
     "html2canvas": "^1.4.1",
     "moment": "^2.29.4",
-    "ngx-spinner": "^15.0.0",
+    "ngx-spinner": "^15.0.1",
     "ngx-timeago": "^2.0.0",
     "ngx-toastr": "^15.2.2",
     "rxjs": "^6.0.0",

src/app/app.component.html

@@ -1,4 +1,5 @@
 <app-top-panel></app-top-panel>
 <app-alert></app-alert>
 <router-outlet></router-outlet>
-<ngx-spinner bdColor="rgba(51, 51, 51, 0.8)" size="default" color="#fff" type="pacman"></ngx-spinner>
+<ngx-spinner size="medium"
+             type="line-spin-fade"><span style="color:white">Loading...</span></ngx-spinner>

src/app/scenario/scenario.component.html

@@ -25,7 +25,6 @@
   </div>
 
 </app-control-panel>
-<ngx-spinner bdColor="rgba(51, 51, 51, 0.8)" size="default" color="#fff" type="pacman"></ngx-spinner>
 
 <div class="row" >
   <div class="col">

src/app/scenario/scenario.module.ts

@@ -8,7 +8,7 @@ import { SettingsScenarioComponent } from "./scenario-settings/scenario-settings
 import { DeleteScenarioComponent } from "./delete-scenario/delete-scenario.component";
 import { ExternalNotificationComponent } from "./external-notification/external-notification.component";
 import { NgxSpinnerModule } from "ngx-spinner";
-import { NgbDropdown, NgbDropdownModule, NgbModule } from "@ng-bootstrap/ng-bootstrap";
+import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
 import { SharedModule } from "../shared/shared.module";
 import { HighchartsChartModule } from "highcharts-angular";
 import { ItemControlsComponent } from "./item-controls/item-controls.component";