From cab22ae569d5a0463f227cf9e76906e5829c9742 Mon Sep 17 00:00:00 2001
From: Cooper Ransom <Cooperransom08@outlook.com>
Date: Fri, 12 Apr 2024 11:45:52 -0400
Subject: [PATCH] increase bottom padding on scraping buttons

---
 src/pages/parts/player/ScrapingPart.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/pages/parts/player/ScrapingPart.tsx b/src/pages/parts/player/ScrapingPart.tsx
index cdfb6688..a31cbaac 100644
--- a/src/pages/parts/player/ScrapingPart.tsx
+++ b/src/pages/parts/player/ScrapingPart.tsx
@@ -2,6 +2,7 @@ import { ProviderControls, ScrapeMedia } from "@movie-web/providers";
 import classNames from "classnames";
 import { useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
 import { useMountedState } from "react-use";
 import type { AsyncReturnType } from "type-fest";
 
@@ -38,6 +39,7 @@ export function ScrapingPart(props: ScrapingProps) {
   const { startScraping, sourceOrder, sources, currentSource } = useScrape();
   const isMounted = useMountedState();
   const { t } = useTranslation();
+  const navigate = useNavigate();
 
   const containerRef = useRef<HTMLDivElement | null>(null);
   const listRef = useRef<HTMLDivElement | null>(null);
@@ -151,7 +153,7 @@ export function ScrapingPart(props: ScrapingProps) {
             </div>
           );
         })}
-        <div className="flex gap-3">
+        <div className="flex gap-3 pb-3">
           <Button
             href="/"
             theme="secondary"
@@ -161,7 +163,7 @@ export function ScrapingPart(props: ScrapingProps) {
             {t("notFound.goHome")}
           </Button>
           <Button
-            onClick={() => window.location.reload()}
+            onClick={() => navigate(`/${window.location.href}`)}
             theme="purple"
             padding="md:px-17 p-3"
             className="mt-6"