From 6adb796b2673d48fea3dde6317830a19047fa6ea Mon Sep 17 00:00:00 2001
From: ajnart <ajnart@pm.me>
Date: Mon, 8 Aug 2022 15:43:04 +0200
Subject: [PATCH] :art: Small styling changes

---
 src/components/Settings/ModuleEnabler.tsx |  3 +--
 src/modules/downloads/DownloadsModule.tsx |  1 -
 src/modules/overseerr/RequestModal.tsx    | 23 ++++++++++++++++++++---
 src/pages/_app.tsx                        | 14 ++++++++++++++
 src/tools/styles.ts                       | 13 -------------
 5 files changed, 35 insertions(+), 19 deletions(-)
 delete mode 100644 src/tools/styles.ts

diff --git a/src/components/Settings/ModuleEnabler.tsx b/src/components/Settings/ModuleEnabler.tsx
index 8de2a6107..7b7378f32 100644
--- a/src/components/Settings/ModuleEnabler.tsx
+++ b/src/components/Settings/ModuleEnabler.tsx
@@ -12,8 +12,7 @@ export default function ModuleEnabler(props: any) {
         {modules.map((module) => (
           <Checkbox
             key={module.title}
-            size="lg"
-            style={{ cursor: 'pointer' }}
+            size="md"
             checked={config.modules?.[module.title]?.enabled ?? false}
             label={`${module.title}`}
             onChange={(e) => {
diff --git a/src/modules/downloads/DownloadsModule.tsx b/src/modules/downloads/DownloadsModule.tsx
index 69fb53923..d81de9123 100644
--- a/src/modules/downloads/DownloadsModule.tsx
+++ b/src/modules/downloads/DownloadsModule.tsx
@@ -8,7 +8,6 @@ import {
   Skeleton,
   ScrollArea,
   Center,
-  Image,
 } from '@mantine/core';
 import { IconDownload as Download } from '@tabler/icons';
 import { useEffect, useState } from 'react';
diff --git a/src/modules/overseerr/RequestModal.tsx b/src/modules/overseerr/RequestModal.tsx
index e31d1de9d..ee23e2678 100644
--- a/src/modules/overseerr/RequestModal.tsx
+++ b/src/modules/overseerr/RequestModal.tsx
@@ -82,8 +82,11 @@ export function MovieRequestModal({
           This request will be automatically approved
         </Alert>
         <Group>
-          <Button onClick={() => setOpened(false)}>Cancel</Button>
+          <Button variant="outline" color="gray" onClick={() => setOpened(false)}>
+            Cancel
+          </Button>
           <Button
+            variant="outline"
             onClick={() => {
               askForMedia(MediaType.Movie, result.id, result.title, []);
             }}
@@ -137,7 +140,18 @@ export function TvRequestModal({
   const { secondaryColor } = useColorTheme();
 
   return (
-    <Modal onClose={() => setOpened(false)} radius="lg" size="lg" opened={opened}>
+    <Modal
+      onClose={() => setOpened(false)}
+      radius="lg"
+      size="lg"
+      opened={opened}
+      title={
+        <Group>
+          <IconDownload />
+          Ask for {result.name ?? result.originalName ?? 'a TV show'}
+        </Group>
+      }
+    >
       <Stack>
         <Alert
           icon={<IconAlertCircle size={16} />}
@@ -167,8 +181,11 @@ export function TvRequestModal({
           <tbody>{rows}</tbody>
         </Table>
         <Group>
-          <Button onClick={() => setOpened(false)}>Cancel</Button>
+          <Button variant="outline" color="gray" onClick={() => setOpened(false)}>
+            Cancel
+          </Button>
           <Button
+            variant="outline"
             disabled={selection.length === 0}
             onClick={() => {
               askForMedia(
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index d00911d8a..776347495 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -45,6 +45,20 @@ export default function App(this: any, props: AppProps & { colorScheme: ColorSch
           <MantineProvider
             theme={{
               ...theme,
+              components: {
+                Checkbox: {
+                  styles: {
+                    input: { cursor: 'pointer' },
+                    label: { cursor: 'pointer' },
+                  },
+                },
+                Switch: {
+                  styles: {
+                    input: { cursor: 'pointer' },
+                    label: { cursor: 'pointer' },
+                  },
+                },
+              },
               primaryColor,
               primaryShade,
               colorScheme,
diff --git a/src/tools/styles.ts b/src/tools/styles.ts
deleted file mode 100644
index 089a92727..000000000
--- a/src/tools/styles.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { MantineProviderProps } from '@mantine/core';
-
-//TODO: Migarate this to v5.0
-// export const styles: MantineProviderProps['styles'] = {
-//   Checkbox: {
-//     input: { cursor: 'pointer' },
-//     label: { cursor: 'pointer' },
-//   },
-//   Switch: {
-//     input: { cursor: 'pointer' },
-//     label: { cursor: 'pointer' },
-//   },
-// };