More Bugfixes from Side Nav (#1162)

* Fixed a bug where the bottom of the page could be cut off

* Adjusted all the headings to h2, which looks better

* Refactored GetSeriesDetail to actually map the names inside the code so the UI just displays.

* Put in some basic improvements to OPDS by using Series Detail type layout, but this only reduces one click.

* Fixed a bug where offset from scrollbar fix causes readers to be cutoff.

UI/Web/src/app/reading-list/reading-list-detail/reading-list-detail.component.html

@@ -1,11 +1,11 @@
 <app-side-nav-companion-bar [showGoBack]="true">
-  <h1 title>
+  <h2 title>
     <span *ngIf="actions.length > 0">
       <app-card-actionables (actionHandler)="performAction($event)" [actions]="actions" [labelBy]="readingList.title"></app-card-actionables>
     </span>
     {{readingList.title}}&nbsp;<span *ngIf="readingList?.promoted">(<i class="fa fa-angle-double-up" aria-hidden="true"></i>)</span>&nbsp;
     <span class="badge bg-primary rounded-pill" attr.aria-label="{{items.length}} total items">{{items.length}}</span>
-  </h1>
+  </h2>
 </app-side-nav-companion-bar>
 <div class="container-fluid mt-2" *ngIf="readingList">
   <div class="mb-3">

UI/Web/src/app/reading-list/reading-lists/reading-lists.component.html

@@ -1,8 +1,8 @@
 <app-side-nav-companion-bar [showGoBack]="true" pageHeader="Home">
-    <h1 title>
+    <h2 title>
         <app-card-actionables [actions]="actions"></app-card-actionables>
         Reading Lists
-    </h1>
+    </h2>
     <h6 subtitle>{{pagination?.totalItems}} Items</h6>
 </app-side-nav-companion-bar>