More Polish (#2686)

UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.html

@@ -4,7 +4,13 @@
       <ng-container title>
         <h2 class="title text-break">
           <app-card-actionables (actionHandler)="performAction($event)" [actions]="seriesActions" [labelBy]="series.name" iconClass="fa-ellipsis-v"></app-card-actionables>
-          <span>{{series.name}}</span>
+          <span>{{series.name}}
+            @if(isLoadingExtra || isLoading) {
+              <div class="spinner-border spinner-border-sm text-primary" role="status">
+                <span class="visually-hidden">loading...</span>
+              </div>
+            }
+          </span>
         </h2>
       </ng-container>
       <ng-container subtitle *ngIf="series.localizedName !== series.name">

UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.ts

@@ -200,6 +200,7 @@ export class SeriesDetailComponent implements OnInit, AfterContentChecked {
   isAdmin = false;
   hasDownloadingRole = false;
   isLoading = true;
+  isLoadingExtra = false;
   showBook = true;
 
   currentlyReadingChapter: Chapter | undefined = undefined;
@@ -708,7 +709,11 @@ export class SeriesDetailComponent implements OnInit, AfterContentChecked {
 
 
   loadPlusMetadata(seriesId: number, libraryType: LibraryType) {
+    this.isLoadingExtra = true;
+    this.cdRef.markForCheck();
     this.metadataService.getSeriesMetadataFromPlus(seriesId, libraryType).subscribe(data => {
+      this.isLoadingExtra = false;
+      this.cdRef.markForCheck();
       if (data === null) return;
 
       // Reviews

UI/Web/src/app/shared/loading/loading.component.ts

@@ -19,6 +19,4 @@ export class LoadingComponent {
    * Uses absolute positioning to ensure it loads over content
    */
   @Input() absolute: boolean = false;
-
-  constructor() { }
 }