From 791e852596245447682c3fbe370048a31f578314 Mon Sep 17 00:00:00 2001
From: Robbie Davis <robbie@therobbiedavis.com>
Date: Tue, 14 Jun 2022 08:07:28 -0400
Subject: [PATCH] Fixing sticky tabs overlapping title on longer titles (#1320)

---
 UI/Web/src/app/series-detail/series-detail.component.scss | 1 -
 UI/Web/src/app/series-detail/series-detail.component.ts   | 1 +
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/UI/Web/src/app/series-detail/series-detail.component.scss b/UI/Web/src/app/series-detail/series-detail.component.scss
index 93eccb417..ec835f582 100644
--- a/UI/Web/src/app/series-detail/series-detail.component.scss
+++ b/UI/Web/src/app/series-detail/series-detail.component.scss
@@ -29,7 +29,6 @@
 
 .nav-tabs.fixed {
   position: fixed;
-  top: 114px;
   z-index: 100;
   background-color: var(--bs-body-bg);
   width: 100%;
diff --git a/UI/Web/src/app/series-detail/series-detail.component.ts b/UI/Web/src/app/series-detail/series-detail.component.ts
index 462e2829f..56b07654d 100644
--- a/UI/Web/src/app/series-detail/series-detail.component.ts
+++ b/UI/Web/src/app/series-detail/series-detail.component.ts
@@ -255,6 +255,7 @@ export class SeriesDetailComponent implements OnInit, OnDestroy {
 		
 		if (!document.querySelector('.nav-tabs.fixed') && (tabOffset - mainOffset) <= mainScrollPos) {
 			tabs!.classList.add("fixed");
+			tabs!.style.top = mainOffset+'px';
 		} else if (document.querySelector('.nav-tabs.fixed') && mainScrollPos <= (contentOffset - mainOffset)) {
 			tabs!.classList.remove("fixed");
 		}