Merge pull request #323 from bettersg/feat/added-padding

added padding to header
bettersg · Jun 2, 2024 · 657e148 · 657e148
2 parents bfbb6e7 + e0ca096
commit 657e148
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/checkers-app/src/components/common/Header.tsx b/checkers-app/src/components/common/Header.tsx
@@ -11,13 +11,13 @@ interface HeaderProps {
 export default function Header({ pageName, showMenu = false }: HeaderProps) {
   const { checkerDetails } = useUser();
   return (
-    <div className="relative flex items-center fixed top-0 left-0 right-0 z-30 bg-white dark:bg-dark-background-color">
+    <div className="relative flex items-center fixed top-0 left-0 right-0 z-30 px-[3vw] pt-[3vh] bg-white dark:bg-dark-background-color">
       <div className="flex justify-start items-center flex-grow-0">
         <BackButton />
       </div>
 
       <div className="absolute left-1/2 transform -translate-x-1/2">
-        <Typography variant="h3" className="text-primary-color2">
+        <Typography variant="h4" className="text-primary-color2">
           {pageName}
         </Typography>
       </div>

diff --git a/checkers-app/src/components/dashboard/CelebrationDialog.tsx b/checkers-app/src/components/dashboard/CelebrationDialog.tsx
@@ -50,8 +50,9 @@ export function CelebrationDialog(props: PropType) {
             Congratulations!!!
           </Typography>
           <Typography className="text-center font-normal">
-            Hooray! You've completed the CheckMate program!! Would you like to
-            continue with us as a checker?
+            Hooray! You've completed the CheckMate program!! We'd love for you
+            to stay on as a checker and help us in our fight against
+            misinformation and scams. Would you like to stay on?
           </Typography>
         </DialogBody>
         <DialogFooter className="space-x-2">

diff --git a/checkers-app/src/components/dashboard/index.tsx b/checkers-app/src/components/dashboard/index.tsx
@@ -75,7 +75,7 @@ export default function Dashboard() {
       )} */}
       {isOnProgram && programStats ? (
         <div>
-          <Typography variant="h4" className="text-primary-color">
+          <Typography variant="h5" className="text-primary-color">
             CheckMate Program Progress
           </Typography>
           <div className="my-6 flex flex-col gap-y-4 mx-2">
@@ -139,7 +139,7 @@ export default function Dashboard() {
         </div>
       ) : (
         <div>
-          <Typography variant="h4" className="text-primary-color">
+          <Typography variant="h5" className="text-primary-color">
             In the past 30 days
           </Typography>
           <div className="my-6 flex flex-col gap-y-4 mx-2">