From 4bcb77c5a068f3b59999ebecc2ed61c6bba8bf21 Mon Sep 17 00:00:00 2001
From: Robbie Davis <robbie@therobbiedavis.com>
Date: Tue, 22 Feb 2022 20:05:21 -0500
Subject: [PATCH] Fixed specials being misaligned (#1106)

# Fixed
- Fixed: Fixed issue with specials not being properly aligned (develop)
---
 .../app/series-detail/series-detail.component.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/UI/Web/src/app/series-detail/series-detail.component.html b/UI/Web/src/app/series-detail/series-detail.component.html
index 7e2de3001..d9771695f 100644
--- a/UI/Web/src/app/series-detail/series-detail.component.html
+++ b/UI/Web/src/app/series-detail/series-detail.component.html
@@ -66,11 +66,11 @@
               <a ngbNavLink>Specials</a>
               <ng-template ngbNavContent>
                 <div class="row g-0">
-                    <div *ngFor="let chapter of specials; let idx = index; trackBy: trackByChapterIdentity">
+                    <ng-container *ngFor="let chapter of specials; let idx = index; trackBy: trackByChapterIdentity">
                         <app-card-item class="col-auto" *ngIf="chapter.isSpecial" [entity]="chapter" [title]="chapter.title || chapter.range" (click)="openChapter(chapter)"
                         [imageUrl]="imageService.getChapterCoverImage(chapter.id)"
                         [read]="chapter.pagesRead" [total]="chapter.pages" [actions]="chapterActions" (selection)="bulkSelectionService.handleCardSelection('special', idx, chapters.length, $event)" [selected]="bulkSelectionService.isCardSelected('special', idx)" [allowSelection]="true"></app-card-item>
-                    </div>
+                    </ng-container>
                 </div>
               </ng-template>
             </li>
@@ -104,16 +104,16 @@
                 </ng-template>
               </li>
             <li [ngbNavItem]="TabID.Chapters" *ngIf="hasNonSpecialNonVolumeChapters">
-              <a ngbNavLink>{{utilityService.formatChapterName(libraryType) + 's'}}</a>
-              <ng-template ngbNavContent>
-                  <div class="row g-0">
+                <a ngbNavLink>{{utilityService.formatChapterName(libraryType) + 's'}}</a>
+                <ng-template ngbNavContent>
+                    <div class="row g-0">
                         <ng-container *ngFor="let chapter of chapters; let idx = index; trackBy: trackByChapterIdentity">
                             <app-card-item class="col-auto" *ngIf="!chapter.isSpecial" [entity]="chapter" [title]="formatChapterTitle(chapter)" (click)="openChapter(chapter)"
                             [imageUrl]="imageService.getChapterCoverImage(chapter.id) + '&offset=' + coverImageOffset"
                             [read]="chapter.pagesRead" [total]="chapter.pages" [actions]="chapterActions" (selection)="bulkSelectionService.handleCardSelection('chapter', idx, chapters.length, $event)" [selected]="bulkSelectionService.isCardSelected('chapter', idx)" [allowSelection]="true"></app-card-item>
                         </ng-container>
-                  </div>
-              </ng-template>
+                    </div>
+                </ng-template>
             </li>
         </ul>
         <div [ngbNavOutlet]="nav"></div>