From 8f674ddcb82775c4fba2254033b8017371029006 Mon Sep 17 00:00:00 2001
From: Max <mrheffern@gmail.com>
Date: Sun, 24 Sep 2023 19:41:38 -0700
Subject: [PATCH] minor ui fixes

---
 app/WheelSpinPage.jsx   | 17 +++++++++++++++--
 components/InfoCard.jsx |  2 +-
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/app/WheelSpinPage.jsx b/app/WheelSpinPage.jsx
index bd014c5..2937ed4 100644
--- a/app/WheelSpinPage.jsx
+++ b/app/WheelSpinPage.jsx
@@ -85,8 +85,21 @@ const WheelSpinPage = () => {
         <WinningDialog open={openSpinResult} close={setOpenSpinResult} prizeAmount={wheelItems.items[winningIndex].label} />
         <Grid container justifyContent="center" alignItems="center" spacing={3}>
           <Grid item xs={6}>
-            <h1>Join our mailing list to spin the wheel for a chance to win BTC!</h1>
-            <TextField value={emailValue} onChange={handleTextChange}/><Button variant="contained" color="secondary" onClick={submitHandler}>Submit and Spin!</Button>
+            <Grid container direction="column">
+              <Grid item>
+                <h1>Join our mailing list to spin the wheel for a chance to win BTC!</h1>
+              </Grid>
+              <Grid item>
+                <Grid container spacing={1} alignItems="center">
+                  <Grid item>
+                    <TextField label="Email" variant='filled' size='small' value={emailValue} onChange={handleTextChange}/> 
+                  </Grid>
+                  <Grid item>
+                    <Button variant="contained" color="secondary" onClick={submitHandler}>Submit and Spin!</Button>
+                  </Grid>
+                </Grid>
+              </Grid>
+            </Grid>
           </Grid>
           <Grid item xs={6}>
             <Grid container justifyContent="center">
diff --git a/components/InfoCard.jsx b/components/InfoCard.jsx
index 06fe66a..8965b9d 100644
--- a/components/InfoCard.jsx
+++ b/components/InfoCard.jsx
@@ -4,7 +4,7 @@ import React from 'react'
 
 const InfoCard = (props) => {
   return (
-    <Card sx={{height: 500}}>
+    <Card sx={{height: 550}}>
       <Container>
         <Typography variant="h3" align='center' marginY={4}>{props.title}</Typography>
         <Box>