From d03348994c04421d0e58575534ab2a6ca075b7e8 Mon Sep 17 00:00:00 2001
From: Joe Milazzo <josephmajora@gmail.com>
Date: Mon, 5 Jun 2023 15:50:29 -0500
Subject: [PATCH] Okay this should be the last (#2037)

* Fixed improper date visualization for reading list detail page.

* Correct not-read badge position (#2034)

---------

Co-authored-by: Andre Smith <Hobogrammer@users.noreply.github.com>
---
 UI/Web/src/app/cards/list-item/list-item.component.scss         | 2 +-
 .../reading-list-detail/reading-list-detail.component.html      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/UI/Web/src/app/cards/list-item/list-item.component.scss b/UI/Web/src/app/cards/list-item/list-item.component.scss
index 28233ee58..e15524f26 100644
--- a/UI/Web/src/app/cards/list-item/list-item.component.scss
+++ b/UI/Web/src/app/cards/list-item/list-item.component.scss
@@ -29,7 +29,7 @@ $image-width: 160px;
 .not-read-badge {
     position: absolute;
     top: 8px;
-    left: 108px;
+    left: 110px;
     width: 0;
     height: 0;
     border-style: solid;
diff --git a/UI/Web/src/app/reading-list/_components/reading-list-detail/reading-list-detail.component.html b/UI/Web/src/app/reading-list/_components/reading-list-detail/reading-list-detail.component.html
index 8531f110b..263b10cd2 100644
--- a/UI/Web/src/app/reading-list/_components/reading-list-detail/reading-list-detail.component.html
+++ b/UI/Web/src/app/reading-list/_components/reading-list-detail/reading-list-detail.component.html
@@ -88,7 +88,7 @@
           <ng-container *ngIf="readingList.startingYear > 0">{{readingList.startingYear}}</ng-container>
           —
           <ng-container *ngIf="readingList.endingYear > 0">
-            <ng-container *ngIf="readingList.endingMonth > 0">{{readingList.endingMonth}}</ng-container>
+            <ng-container *ngIf="readingList.endingMonth > 0">{{readingList.endingMonth | date:'MMM'}}</ng-container>
             <ng-container *ngIf="readingList.endingMonth > 0 && readingList.endingYear > 0">, </ng-container>
             <ng-container *ngIf="readingList.endingYear > 0">{{readingList.endingYear}}</ng-container>
           </ng-container>