better manual verbiage/styling, torrent details w/ responsive table

src/frontend/src/app/search/search-manual.component.html

@@ -2,21 +2,21 @@
 
   <ngx-loading [show]="isSearching || isDownloading"></ngx-loading>
 
-  <div class="d-flex justify-content-center mt-3">
-    <div class="alert alert-info">Manually downloaded torrents will be assigned to <span class="text-dark">{{getTmdbTitle()}}</span></div>
-  </div>
-
   <div class="d-flex justify-content-center my-1">
     <form (ngSubmit)="search()">
-      <div class="d-flex">
+      <div class="d-flex justify-content-around">
         <input class="form-control form-control-sm" [(ngModel)]="searchInput" name="searchInput" required minlength="2" type="text" placeholder="Search..." autocomplete="off">
-        <button class="btn btn-primary position-relative ms-2" [disabled]="!searchInput" [ngClass]="{'disabled': !searchInput}">
+        <button class="btn btn-primary btn-sm position-relative ms-2" [disabled]="!searchInput" [ngClass]="{'disabled': !searchInput}">
           <span class="oi oi-magnifying-glass"></span> Search
         </button>
       </div>
     </form>
   </div>
 
+  <div class="d-flex justify-content-center mt-3" *ngIf="mediaType === 'tv'">
+    <div class="text-primary">Manually downloaded torrents will be assigned to <span class="badge bg-secondary">{{getTmdbTitle()}}</span></div>
+  </div>
+
   <div class="d-flex justify-content-end">
     <form *ngIf="results.length">
       <div class="my-2">

src/frontend/src/app/torrent-details/torrent-details.component.html

@@ -1,4 +1,4 @@
-<div class="position-relative">
+<div class="position-relative table-responsive">
   <ngx-loading [show]="isSaving || isFetchingInitialTorrents"></ngx-loading>
   <div class="alert alert-info m-3" *ngIf="results.length === 0">No results yet ...</div>
   <table class="table table-striped table-responsive table-dark" *ngIf="results.length > 0">