From 802a16c09a7af0a929bcbac02ccc2e4e102292b9 Mon Sep 17 00:00:00 2001
From: SakshiShah29 <sakshi.shah299@gmail.com>
Date: Fri, 18 Aug 2023 07:03:06 +0530
Subject: [PATCH 1/5] =?UTF-8?q?=F0=9F=90=9B=20Fix:=20Ui=20updated?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index a2f1a91..4b0a3ea 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -124,7 +124,9 @@ export default function Home() {
         h="150px"
         borderLeft="2px solid black"
         borderTop="0.1px solid black"
+        borderRight="2px solid black"
         borderTopLeftRadius="50px"
+        borderTopRightRadius="50px"
         flexDirection="column"
         justifyContent="center"
         alignItems="center">

From 3dc1498e04620e77c86854300f6bd58441f656be Mon Sep 17 00:00:00 2001
From: SakshiShah29 <sakshi.shah299@gmail.com>
Date: Fri, 18 Aug 2023 07:30:03 +0530
Subject: [PATCH 2/5] =?UTF-8?q?=F0=9F=90=9B=20UI=20Fix:=20Ui=20updated?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ApproveCampaign.tsx | 2 +-
 src/pages/CreateCampaign.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ApproveCampaign.tsx b/src/components/ApproveCampaign.tsx
index 7ae749f..665dc9b 100644
--- a/src/components/ApproveCampaign.tsx
+++ b/src/components/ApproveCampaign.tsx
@@ -82,7 +82,7 @@ const ApproveCampaign = ({
    </Heading>
    {!writeSuccess && (
     <>
-     <Text as="h5" fontSize="xl" marginY={10}>
+     <Text as="h5" fontSize="xl" marginY={10} fontFamily="Dm Sans" textAlign="center">
       You need to approve the campaign contract
       <br />
       to distribute awards on your behalf.
diff --git a/src/pages/CreateCampaign.tsx b/src/pages/CreateCampaign.tsx
index 83d485e..cd466b8 100644
--- a/src/pages/CreateCampaign.tsx
+++ b/src/pages/CreateCampaign.tsx
@@ -130,7 +130,7 @@ const CreateCampaign = () => {
   <Container>
    <Background />
 
-   <Box position="absolute" top="64px" display="flex" justifyContent="center">
+   <Box display="flex" justifyContent="center">
     {!isConnected && (
      <Heading textAlign="center" justifyContent="center" marginTop="60%">
       Please Connect Your Wallet!

From 019ffc718614af86140a9f327238d23ffc9ba5c9 Mon Sep 17 00:00:00 2001
From: SakshiShah29 <sakshi.shah299@gmail.com>
Date: Fri, 18 Aug 2023 07:38:14 +0530
Subject: [PATCH 3/5] =?UTF-8?q?=F0=9F=90=9B=20UI=20Fix:=20Ui=20updated=20c?=
 =?UTF-8?q?reate=20link?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/createlink.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/createlink.tsx b/src/pages/createlink.tsx
index 958f2b9..d67b265 100644
--- a/src/pages/createlink.tsx
+++ b/src/pages/createlink.tsx
@@ -198,7 +198,7 @@ const CreateLink: NextPage = () => {
   )
 
  return (
-  <Container>
+  <Container overflowY={'hidden'}>
    <Background />
    {!isConnected && (
     <Heading textAlign="center" justifyContent="center" mb={40}>
@@ -234,7 +234,7 @@ const CreateLink: NextPage = () => {
       {!campaignAddress ? (
        <CampaignsMenu selectedCampaign={selectedCampaign} setSelectedCampaign={setSelectedCampaign} isActive={proof?.length === 0} />
       ) : (
-       <div>Campaign: {actionId}</div>
+       <div style={{ fontFamily: 'Dm Sans', textAlign: 'center' }}>Campaign: {actionId}</div>
       )}
 
       <Box display="flex" justifyContent="center" mt={5}>

From 8df7e3ba3334ec9ae14446bd880e3fbe4014201a Mon Sep 17 00:00:00 2001
From: SakshiShah29 <sakshi.shah299@gmail.com>
Date: Fri, 18 Aug 2023 07:47:40 +0530
Subject: [PATCH 4/5] =?UTF-8?q?=F0=9F=90=9B=20UI=20Fix:=20Ui=20updated=20c?=
 =?UTF-8?q?reate=20cross=20campaign?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/CreateCrossCampaign.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/pages/CreateCrossCampaign.tsx b/src/pages/CreateCrossCampaign.tsx
index cea27a6..433cdba 100644
--- a/src/pages/CreateCrossCampaign.tsx
+++ b/src/pages/CreateCrossCampaign.tsx
@@ -213,7 +213,7 @@ const CreateCrossCampaign = () => {
   <Container>
    <Background />
 
-   <Box position="absolute" top="64px" display="flex" justifyContent="center">
+   <Box display="flex" justifyContent="center">
     {!isConnected && (
      <Heading textAlign="center" justifyContent="center" marginTop="60%">
       Please Connect Your Wallet!
@@ -303,9 +303,12 @@ const CreateCrossCampaign = () => {
          Create Cross Campaign
         </Heading>
 
-        <h1>
-         <a target="_blank" href="https://docs.google.com/document/d/1Gym0FotIM5yJcoiAEbiIk4mdie7tpymfIsXqO_FahDs/edit?usp=sharing">
-          Follow the tutorial here.
+        <h1 style={{ display: 'flex', justifyContent: 'center' }}>
+         <a
+          style={{ textAlign: 'center', fontFamily: 'Dm Sans' }}
+          target="_blank"
+          href="https://docs.google.com/document/d/1Gym0FotIM5yJcoiAEbiIk4mdie7tpymfIsXqO_FahDs/edit?usp=sharing">
+          Follow the tutorial here.👈
          </a>
         </h1>
 

From 38ca9f392a40d0167e03ec3a096f1940ff2de8bb Mon Sep 17 00:00:00 2001
From: SakshiShah29 <sakshi.shah299@gmail.com>
Date: Fri, 18 Aug 2023 07:50:00 +0530
Subject: [PATCH 5/5] =?UTF-8?q?=F0=9F=90=9B=20UI=20Fix:=20Ui=20updated=20S?=
 =?UTF-8?q?uccess=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/SuccessComponent.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/layout/SuccessComponent.tsx b/src/components/layout/SuccessComponent.tsx
index c2220c7..dcb0767 100644
--- a/src/components/layout/SuccessComponent.tsx
+++ b/src/components/layout/SuccessComponent.tsx
@@ -17,14 +17,14 @@ const SuccessComponent = ({ link, data, message = '', subtitle = '' }: { link: s
 
  return (
   <Box margin={10} top="64px" textAlign="center">
-   <Heading as="h3" size="xl" textAlign="center" margin={5}>
+   <Heading as="h3" size="xl" textAlign="center" margin={5} fontFamily="Dm Sans">
     {message}
    </Heading>
    {link ? (
     <Box>
      <Box margin={5}>
       <a href={link}>
-       <Heading as="h4" size="md">
+       <Heading as="h4" size="md" fontFamily="Dm Sans">
         {subtitle}
        </Heading>
       </a>
@@ -40,7 +40,7 @@ const SuccessComponent = ({ link, data, message = '', subtitle = '' }: { link: s
          boxShadow={'2.8px 3.8px 0px 0px #312E2A'}
          py={2}
          px={12}
-         fontFamily="sans-serif"
+         fontFamily="Dm Sans"
          color="white"
          type="submit">
          <Icon as={FiCopy} margin="0 5px" /> Copy to clipboard
@@ -57,7 +57,7 @@ const SuccessComponent = ({ link, data, message = '', subtitle = '' }: { link: s
     </Box>
    )}
 
-   <Box margin="5">
+   <Box margin="5" fontFamily="Dm Sans">
     <Button variant="link">
      {/* <a href={`https://etherscan.io/tx/${data?.hash}`}> */}
      <a target="_blank" href={`https://goerli-optimism.etherscan.io/tx/${data?.hash}#eventlog`}>