From a248ab24a6c130b9520d56c6e0cb1a71764d338f Mon Sep 17 00:00:00 2001
From: lardbit <lardbit@gmail.com>
Date: Wed, 3 Jan 2024 08:57:49 -0600
Subject: [PATCH] better manual verbiage/styling, torrent details w/ responsive
 table

---
 .../src/app/search/search-manual.component.html      | 12 ++++++------
 .../torrent-details/torrent-details.component.html   |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/app/search/search-manual.component.html b/src/frontend/src/app/search/search-manual.component.html
index 35f6000f..bb600716 100644
--- a/src/frontend/src/app/search/search-manual.component.html
+++ b/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">
diff --git a/src/frontend/src/app/torrent-details/torrent-details.component.html b/src/frontend/src/app/torrent-details/torrent-details.component.html
index 55b91d9c..308adf79 100644
--- a/src/frontend/src/app/torrent-details/torrent-details.component.html
+++ b/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">