Linked Series (#1230)

* Implemented the ability to link different series together through Edit Series. CSS pending.

* Fixed up the css for related cards to show the relation

* Working on making all tabs in edit seris modal save in one go. Taking a break.

* Some fixes for Robbie to help with styling on

* Linked series pill, center library

* Centering library detail and related pill spacing

- Library detail cards are now centered if total number of items is > 6 or if mobile.
- Added ability to determine if mobile (viewport width <= 480px
- Fixed related card spacing
- Fixed related card pill spacing

* Updating relation form spacing

* Fixed a bug in card detail layout when there is no pagination, we create one in a way that all items render at once.

* Only auto-close side nav on phones, not tablets

* Fixed a bug where we had flipped state on sideNavCollapsed$

* Cleaned up some misleading comments

* Implemented RBS back in and now  if you have a relationship besides prequel/sequel, the target series will show a link back to it's parent.

* Added Parentto pipe

* Missed a relationship type

Co-authored-by: Robbie Davis <robbie@therobbiedavis.com>

UI/Web/src/app/sidenav/side-nav/side-nav.component.ts

@@ -60,9 +60,14 @@ export class SideNavComponent implements OnInit, OnDestroy {
             takeUntil(this.onDestroy),
             map(evt => evt as NavigationEnd))
       .subscribe((evt: NavigationEnd) => {
-        if (this.utilityService.getActiveBreakpoint() < Breakpoint.Desktop) {
+        if (this.utilityService.getActiveBreakpoint() < Breakpoint.Tablet) {
           // collapse side nav
-          this.navService.toggleSideNav();
+          this.navService.sideNavCollapsed$.pipe(take(1)).subscribe(collapsed => {
+            console.log('Side nav collapsed: ', collapsed);
+            if (!collapsed) {
+              this.navService.toggleSideNav();
+            }
+          });
         }
       });
   }