From a276047de55684320bf729f879eacb31c442dd76 Mon Sep 17 00:00:00 2001
From: z0ccc <z0ccc@proton.me>
Date: Fri, 28 Oct 2022 17:12:45 -0400
Subject: [PATCH] fixed footerlink issues

---
 src/Popup/Pages/ConnectionPage/index.tsx | 1 -
 src/Popup/Pages/SystemPage/index.tsx     | 3 +--
 src/Popup/Pages/UserAgentPage/index.tsx  | 1 -
 src/Popup/Pages/WebRtcPage/index.tsx     | 1 -
 src/Popup/Popup.tsx                      | 2 +-
 src/theme.ts                             | 6 +++---
 6 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/Popup/Pages/ConnectionPage/index.tsx b/src/Popup/Pages/ConnectionPage/index.tsx
index a07dcd3..dbdd81d 100644
--- a/src/Popup/Pages/ConnectionPage/index.tsx
+++ b/src/Popup/Pages/ConnectionPage/index.tsx
@@ -1,4 +1,3 @@
-import { Text } from 'theme-ui'
 import { ipData } from '../../../types'
 import FooterLink from '../../Components/FooterLink'
 import Page from '../../Components/Page'
diff --git a/src/Popup/Pages/SystemPage/index.tsx b/src/Popup/Pages/SystemPage/index.tsx
index 03f2abc..481f76b 100644
--- a/src/Popup/Pages/SystemPage/index.tsx
+++ b/src/Popup/Pages/SystemPage/index.tsx
@@ -1,4 +1,3 @@
-import { Text } from 'theme-ui'
 import { useState, useEffect, ChangeEvent } from 'react'
 import { Flex, Label, Radio, Select } from 'theme-ui'
 import Page from '../../Components/Page'
@@ -226,7 +225,7 @@ const SystemPage = ({ tab, ipData, geolocation }: SystemPageProps) => {
       {systemType !== 'default' && (
         <CheckBox title={'Enable Debugger API Spoofing'} />
       )}
-      <FooterLink link="test" text="Scan for" hoverText="system data leaks" />
+      <FooterLink link="test" text="Test with" hoverText="system data scan" />
     </Page>
   )
 }
diff --git a/src/Popup/Pages/UserAgentPage/index.tsx b/src/Popup/Pages/UserAgentPage/index.tsx
index d7706a9..de50bf2 100644
--- a/src/Popup/Pages/UserAgentPage/index.tsx
+++ b/src/Popup/Pages/UserAgentPage/index.tsx
@@ -1,4 +1,3 @@
-import { Text } from 'theme-ui'
 import { useState, useEffect, ChangeEvent } from 'react'
 import { Box, Label, Radio, Flex, Select } from 'theme-ui'
 import DebouncedInput from '../../Components/DebouncedInput'
diff --git a/src/Popup/Pages/WebRtcPage/index.tsx b/src/Popup/Pages/WebRtcPage/index.tsx
index 7c3217c..df1d132 100644
--- a/src/Popup/Pages/WebRtcPage/index.tsx
+++ b/src/Popup/Pages/WebRtcPage/index.tsx
@@ -1,4 +1,3 @@
-import { Text } from 'theme-ui'
 import { useState, useEffect, ChangeEvent } from 'react'
 import Page from '../../Components/Page'
 import handleWebRtcPolicy from './handleWebRtcPolicy'
diff --git a/src/Popup/Popup.tsx b/src/Popup/Popup.tsx
index 365c401..1896205 100644
--- a/src/Popup/Popup.tsx
+++ b/src/Popup/Popup.tsx
@@ -58,7 +58,7 @@ const Popup = () => {
       <Flex
         sx={{
           width: '350px',
-          height: '436px',
+          height: '455px',
         }}
       >
         <Flex
diff --git a/src/theme.ts b/src/theme.ts
index 43e8ce6..057ae5f 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -25,7 +25,7 @@ export const theme: Theme = {
     label: { width: 'auto', alignItems: 'center' },
     input: {
       // border: '2px solid',
-      p: '2px 8px',
+      p: '4px 8px',
       mb: '8px',
       borderColor: 'grey',
       '&:focus': {
@@ -36,7 +36,7 @@ export const theme: Theme = {
     select: {
       // border: '2px solid',
       cursor: 'pointer',
-      p: '2px 8px',
+      p: '4px 8px',
       borderColor: 'grey',
       '&:focus': {
         borderColor: 'primaryDark',
@@ -51,7 +51,7 @@ export const theme: Theme = {
     primary: {
       color: 'background',
       bg: 'primary',
-      py: '3px',
+      py: '6px',
       px: '8px',
       cursor: 'pointer',
       borderRadius: '0',