attempt to fix button not working on mobile

taver-ca · Feb 3, 2024 · 2b7bae5 · 2b7bae5
1 parent 2bd5838
commit 2b7bae5
Showing 1 changed file with 16 additions and 10 deletions.
diff --git a/src/BaseInput.js b/src/BaseInput.js
@@ -69,19 +69,25 @@ const BaseInput = forwardRef(({ setConcerts, setUserLocation, setMapStyle, start
     <div>
       <form onSubmit={handleSubmit}>
         <TextField
-        sx= { {
-          "& input": {
-            color: "white",
-          },
-          "& label": {
-            color: "white",
-          },
-        }}
+          sx={{
+            "& input": {
+              color: "white",
+            },
+            "& label": {
+              color: "white",
+            },
+          }}
           label="Enter Artist Name:"
           value={artistName} onChange={(e) => setArtistName(e.target.value)}
         />
-        <p/>
-        <Button type="submit" variant="contained" color="primary">
+        <p />
+        <Button
+          sx={{
+            cursor: 'pointer',
+          }}
+          type="submit"
+          variant="contained"
+          color="primary">
           Submit
         </Button>
       </form>