Fixed styling of frame on ProgressBar, fixed padding on donation button

GTBitsOfGood · Sep 22, 2024 · d53a428 · d53a428
1 parent 0515f7e
commit d53a428
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/src/components/subcomponents/chartcomponents/Button.tsx b/src/components/subcomponents/chartcomponents/Button.tsx
@@ -10,7 +10,8 @@ const Button = ({ link, label }) => {
                     borderRadius: "4px",
                     borderColor: "transparent",
                     backgroundColor: "#226DFF",
-                    padding: "7px 0px",
+                    padding: "12px 16px",
+                    fontSize: "1rem",
                 }}
             >
                 {label}

diff --git a/src/components/subcomponents/chartcomponents/ProgressBar.tsx b/src/components/subcomponents/chartcomponents/ProgressBar.tsx
@@ -3,13 +3,13 @@ import * as d3 from "d3";
 import { Button } from "./Button";
 
 /*
-    Props:
-        value : number,
-        goal : number,
-        units : string,
-        buttonLink : string,
-        buttonLabel : string
- */
+   Props:
+       value : number,
+       goal : number,
+       units : string,
+       buttonLink : string,
+       buttonLabel : string
+*/
 const ProgressBar = ({
     value,
     goal,
@@ -48,7 +48,6 @@ const ProgressBar = ({
     return (
         <div style={{ width: "100%", display: "block" }}>
             <div
-                className=""
                 style={{
                     display: "flex",
                     justifyContent: "space-between",
@@ -59,15 +58,15 @@ const ProgressBar = ({
                     style={{
                         fontWeight: "600",
                         margin: "0",
-                        fontSize: "1.6vw",
+                        fontSize: "1.25rem",
                     }}
                 >
                     {`${value} ${units}`}
                     <span
                         style={{
                             color: "#333333",
                             opacity: "80%",
-                            fontSize: "1.4vw",
+                            fontSize: "1rem",
                             fontWeight: "normal",
                         }}
                     >
@@ -77,7 +76,7 @@ const ProgressBar = ({
                 <p
                     style={{
                         margin: "0",
-                        fontSize: "1.6vw",
+                        fontSize: "1rem",
                         position: "relative",
                         top: "8px",
                     }}