minor design fixes

frontend/src/components/Benchmark/CreateForm.jsx

@@ -174,17 +174,23 @@ function CreateForm({ onStartGeneration }) {
   };
 
   return (
-    <Box sx={{ mt: -2 }}>
+    <Box sx={{ mt: -1 }}>
+      <Typography
+        variant="h6"
+        component="div"
+        align="center"
+        sx={{ color: "text.primary" }}
+      >
+        To create a benchmark, <b>choose a sample document</b> or{" "}
+        <b>upload your own file/URL</b>.
+      </Typography>
       <Typography
         variant="subtitle1"
         component="div"
         align="center"
-        sx={{ mb: 2, color: "text.secondary" }}
+        sx={{ mb: 3, color: "text.secondary" }}
       >
-        To create a benchmark, <b>choose</b> a <b>sample document</b> or{" "}
-        <b>upload</b> your <b>own file/URL</b>.
-        <br />
-        (ideally a knowledge base, a FAQ, a news article, etc.)
+        ideally a knowledge base, a FAQ, a news article, etc.
       </Typography>
 
       <Grid container spacing={2} sx={{ mb: 0 }}>
@@ -429,9 +435,10 @@ function CreateForm({ onStartGeneration }) {
       <Box sx={{ display: "flex", justifyContent: "center" }}>
         <Button
           variant="contained"
+          size="large"
           color="primary"
           onClick={handleGenerateClick}
-          startIcon={<AutoFixHighIcon />}
+          endIcon={<AutoFixHighIcon sx={{ ml: 0.5 }} />}
           disabled={!sessionId}
           sx={{ mt: 2 }}
         >

frontend/src/components/Benchmark/Display.jsx

@@ -104,9 +104,10 @@ const Display = ({
           </Tooltip>
 
           <Button
+            size="large"
             variant="contained"
             color="primary"
-            startIcon={<AssessmentIcon />}
+            endIcon={<AssessmentIcon />}
             onClick={handleEvaluationClick}
           >
             Start Evaluation

frontend/src/components/Benchmark/Generator.jsx

@@ -499,7 +499,7 @@ const Generator = ({ sessionId, isDefaultDocument, onComplete }) => {
     <Paper
       elevation={3}
       sx={{
-        p: 4,
+        p: 8,
         display: "flex",
         flexDirection: "column",
         alignItems: "center",

frontend/src/components/Evaluation/Evaluation.jsx

@@ -132,7 +132,7 @@ const BenchmarkEvaluation = ({ sessionId, isDefaultDocument, onComplete }) => {
     <Paper
       elevation={3}
       sx={{
-        p: 4,
+        p: 8,
         display: "flex",
         flexDirection: "column",
         alignItems: "center",

frontend/src/components/Footer/Footer.js

@@ -13,6 +13,23 @@ const Footer = () => {
         opacity: 0.7,
       }}
     >
+      {/* <Typography
+        variant="body2"
+        color="text.secondary"
+        sx={{ maxWidth: "800px", mx: "auto", mt: 2 }}
+      >
+        Currently, this is an <b>extremely minimal demo</b>. <br />
+        To <b>unlock the full capabilities</b>, please visit our{" "}
+        <Link
+          href="https://github.com/huggingface/yourbench"
+          target="_blank"
+          rel="noopener noreferrer"
+          color="inherit"
+        >
+          <b>GitHub</b>
+        </Link>
+        !
+      </Typography> */}
       <Typography variant="body2" color="text.secondary" sx={{ mx: 4 }}>
         We keep <b>processed documents</b> for <b>research purposes</b>, to
         which you agree by using the space. For a <b>fully private usage</b>,

frontend/src/components/Intro.jsx

@@ -39,15 +39,28 @@ const Intro = () => {
         Yourbench Demo
       </Typography>
       <Typography variant="body1" sx={{ maxWidth: "800px", mx: "auto" }}>
-        YourBench is an <b>open-source framework</b> for generating{" "}
+        <b>YourBench</b> is an <b>open-source framework</b> for generating{" "}
         <b>domain-specific benchmarks</b> in a <b>zero-shot</b> manner. It aims
         to keep your large language models on their toes—even as new data
-        sources, domains, and knowledge demands evolve.
+        sources, domains, and knowledge demands evolve. <br />
+        {/* <span style={{ opacity: 0.5 }}>
+          Currently, this is an <b>extremely minimal demo</b>. <br />
+          To <b>unlock the full capabilities</b>, please visit our{" "}
+          <Link
+            href="https://github.com/huggingface/yourbench"
+            target="_blank"
+            rel="noopener noreferrer"
+            color="inherit"
+          >
+            <b>GitHub</b>
+          </Link>
+          !
+        </span> */}
       </Typography>
       <Typography
         variant="body2"
         color="text.secondary"
-        sx={{ maxWidth: "800px", mx: "auto", mt: 2, opacity: 0.7 }}
+        sx={{ maxWidth: "800px", mx: "auto", mt: 2 }}
       >
         Currently, this is an <b>extremely minimal demo</b>. <br />
         To <b>unlock the full capabilities</b>, please visit our{" "}