From 5945b51f36461e04e0fcb4731f34bf21bd8d3a53 Mon Sep 17 00:00:00 2001
From: martylukyy <35452459+martylukyy@users.noreply.github.com>
Date: Thu, 9 May 2024 09:14:26 +0200
Subject: [PATCH] fix(web): qbittorrent action rules spacing (#1544)

* fix(web): qbittorrent action rules spacing

* chore(lint): linting
---
 web/src/components/inputs/select.tsx          |  6 +++--
 .../action_components/ActionQBittorrent.tsx   | 27 ++++++++++---------
 2 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/web/src/components/inputs/select.tsx b/web/src/components/inputs/select.tsx
index 818b1f9..ab4e075 100644
--- a/web/src/components/inputs/select.tsx
+++ b/web/src/components/inputs/select.tsx
@@ -261,6 +261,7 @@ export interface SelectFieldProps {
   options: SelectFieldOption[];
   columns?: COL_WIDTHS;
   tooltip?: JSX.Element;
+  className?: string;
 }
 
 export const Select = ({
@@ -269,12 +270,13 @@ export const Select = ({
   tooltip,
   optionDefaultText,
   options,
-  columns = 6
+  columns = 6,
+  className
 }: SelectFieldProps) => {
   return (
     <div
       className={classNames(
-        "col-span-12",
+        className ?? "col-span-12",
         columns ? `sm:col-span-${columns}` : ""
       )}
     >
diff --git a/web/src/screens/filters/sections/action_components/ActionQBittorrent.tsx b/web/src/screens/filters/sections/action_components/ActionQBittorrent.tsx
index 6f9b982..a2984bc 100644
--- a/web/src/screens/filters/sections/action_components/ActionQBittorrent.tsx
+++ b/web/src/screens/filters/sections/action_components/ActionQBittorrent.tsx
@@ -95,6 +95,18 @@ export const QBittorrent = ({ idx, action, clients }: ClientActionProps) => (
             label="Content Layout"
             optionDefaultText="Select content layout"
             options={ActionContentLayoutOptions}
+            className="py-2 pb-4"
+          />
+          <Input.Select
+            name={`actions.${idx}.priority`}
+            label="Priority"
+            optionDefaultText="Disabled"
+            options={ActionPriorityOptions}
+            tooltip={
+              <div>
+                <p>Torrent Queueing will be enabled for you if it is disabled. Ensure you set your preferred limits for it in your client.</p>
+              </div>
+            }
           />
         </FilterSection.HalfRow>
 
@@ -108,24 +120,13 @@ export const QBittorrent = ({ idx, action, clients }: ClientActionProps) => (
             name={`actions.${idx}.skip_hash_check`}
             label="Skip hash check"
             description="Add torrent and skip hash check"
+            className="pt-4 sm:pt-4"
           />
           <Input.SwitchGroup
             name={`actions.${idx}.first_last_piece_prio`}
             label="Download first and last pieces first"
             description="Add torrent and download first and last pieces first"
-          />
-        </FilterSection.HalfRow>
-        <FilterSection.HalfRow>
-        <Input.Select
-            name={`actions.${idx}.priority`}
-            label="Priority"
-            optionDefaultText="Disabled"
-            options={ActionPriorityOptions}
-            tooltip={
-              <div>
-                <p>Torrent Queueing will be enabled for you if it is disabled. Ensure you set your preferred limits for it in your client.</p>
-              </div>
-            }
+            className="pt-6 sm:pt-10"
           />
         </FilterSection.HalfRow>
       </CollapsibleSection>