Misc UI fixes (#1461)

* Misc fixes

- Fixed modal being stretched when not needed.
- Fixed Logo vertical align
- Fixed drawer content scroll, and from it being squished due to overridden by bootstrap.

* series detail cover image stretch fix

- Fixes: Fixes series detail cover image being stretched on larger resolutions

* fixing empty lists scrollbar

* Fixing want to read error

* fixing unnecessary scrollbar

* Fixing recently updated tooltip

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

@@ -12,9 +12,13 @@
     [jumpBarKeys]="jumpbarKeys"
     [filteringDisabled]="true"
     >
-    <ng-template #cardItem let-item let-position="idx">
+    <ng-template #cardItem let-item let-position="idx" >
         <app-card-item [title]="item.title" [entity]="item" [actions]="getActions(item)" 
             [suppressLibraryLink]="true" [imageUrl]="imageService.getReadingListCoverImage(item.id)" 
             (clicked)="handleClick(item)"></app-card-item>
     </ng-template>
+
+    <ng-template #noData>
+        There are no reading lists. Try creating <a href="https://wiki.kavitareader.com/en/guides/get-started-using-your-library#reading-list" target="_blank">one&nbsp;<i class="fa fa-external-link-alt" aria-hidden="true"></i></a>.
+    </ng-template>
 </app-card-detail-layout>