update create bench form wording | fix drop shadow

frontend/src/components/Benchmark/CreateForm.jsx

@@ -216,7 +216,10 @@ function CreateForm({ onStartGeneration }) {
                     : `2px solid ${theme.palette.divider}`,
                 "&:hover": {
                   transform: "translateY(-2px)",
-                  boxShadow: 3,
+                  boxShadow: `0px 3px 6px ${alpha(
+                    theme.palette.common.black,
+                    0.1
+                  )}`,
                 },
               }}
               onClick={() => handleDefaultDocClick(doc)}
@@ -271,7 +274,7 @@ function CreateForm({ onStartGeneration }) {
       <Box
         sx={{
           display: "flex",
-          flexDirection: { xs: "column", md: "row" },
+          flexDirection: { xs: "column", sm: "row" },
           gap: 2,
           mb: 2,
         }}
@@ -294,6 +297,7 @@ function CreateForm({ onStartGeneration }) {
               : "transparent",
             display: "flex",
             flexDirection: "column",
+            textAlign: "center",
             alignItems: "center",
             justifyContent: "center",
             minHeight: 180,
@@ -350,7 +354,7 @@ function CreateForm({ onStartGeneration }) {
           sx={{
             flex: 1,
             p: 4,
-            mt: 2,
+            mt: { xs: 0, sm: 2 },
             borderRadius: 1.5,
             border: urlSelected
               ? `2px solid ${theme.palette.primary.main}`
@@ -359,6 +363,7 @@ function CreateForm({ onStartGeneration }) {
             flexDirection: "column",
             alignItems: "center",
             justifyContent: "center",
+            textAlign: "center",
             minHeight: 180,
             transition: "all 0.3s ease",
           }}
@@ -401,7 +406,7 @@ function CreateForm({ onStartGeneration }) {
               <Typography variant="h6" component="div" gutterBottom>
                 {isLoading && urlSelected
                   ? "Processing URL..."
-                  : "Enter an URL"}
+                  : "Enter website address"}
               </Typography>
               <TextField
                 fullWidth
@@ -427,7 +432,7 @@ function CreateForm({ onStartGeneration }) {
           sx={{ mt: 2 }}
         >
           {!sessionId
-            ? "Select a document first"
+            ? "Generate benchmark"
             : isDefaultDocument
             ? `Generate Benchmark from "${selectedDocument?.name}"`
             : urlSelected