From 99e2e17b8ada9dafa82c6f5293af5c842a5fb3c9 Mon Sep 17 00:00:00 2001
From: Fallenbagel <98979876+Fallenbagel@users.noreply.github.com>
Date: Sun, 12 Jan 2025 10:02:59 +0800
Subject: [PATCH] style(overriderule): optimises the override rules tile for
 mobile (#1246)

---
 src/components/Settings/RadarrModal/index.tsx | 2 +-
 src/components/Settings/SonarrModal/index.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Settings/RadarrModal/index.tsx b/src/components/Settings/RadarrModal/index.tsx
index 1bd1b7dd9..f25014b84 100644
--- a/src/components/Settings/RadarrModal/index.tsx
+++ b/src/components/Settings/RadarrModal/index.tsx
@@ -776,7 +776,7 @@ const RadarrModal = ({
               <h3 className="mb-4 text-xl font-bold leading-8 text-gray-100">
                 {intl.formatMessage(messages.overrideRules)}
               </h3>
-              <ul className="grid grid-cols-2 gap-6">
+              <ul className="grid gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-6 sm:gap-y-6 lg:grid-cols-2">
                 {rules && (
                   <OverrideRuleTile
                     rules={rules}
diff --git a/src/components/Settings/SonarrModal/index.tsx b/src/components/Settings/SonarrModal/index.tsx
index 5ab58408e..f42235ea7 100644
--- a/src/components/Settings/SonarrModal/index.tsx
+++ b/src/components/Settings/SonarrModal/index.tsx
@@ -1073,7 +1073,7 @@ const SonarrModal = ({
               <h3 className="mb-4 text-xl font-bold leading-8 text-gray-100">
                 {intl.formatMessage(messages.overrideRules)}
               </h3>
-              <ul className="grid grid-cols-2 gap-6">
+              <ul className="grid gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-6 sm:gap-y-6 lg:grid-cols-2">
                 {rules && (
                   <OverrideRuleTile
                     rules={rules}