logicp 6 years ago
parent
commit
8a6c03ca17
2 changed files with 15 additions and 15 deletions
  1. 1 1
      src/App.css
  2. 14 14
      src/form.js

+ 1 - 1
src/App.css

@@ -8,7 +8,7 @@
 }
 
 .App-header {
-  background-color: #46a747!important;
+  background-color: #ffffff!important;
   min-height: 100vh;
   display: flex;
   flex-direction: column;

+ 14 - 14
src/form.js

@@ -157,8 +157,21 @@ class TextFields extends React.Component {
             margin="normal"
           />
       </div>
-      <br />
+      <FormControl className='food-select'>
+        <InputLabel htmlFor="food-helper">What sort of cat are you?</InputLabel>
+        <Select
+          value={this.state.cat}
+          onChange={this.handleFoodSelect}
+          input={<Input name="food" id="food-helper" value={this.state.foodItem}/>}>
+          <MenuItem value="">
+            <em>The hell you talking about</em>
+          </MenuItem>
+          {this.Cats()}
+        </Select>
+        <FormHelperText>Calling all cats and jive turkeys</FormHelperText>
+      </FormControl>
       <div style={styles.fullWidth}>
+      <br />
         <InputLabel htmlFor="significant-other" style={{float: 'left'}}>Bringing someone?</InputLabel>
         <input
             id="significant-other"
@@ -169,19 +182,6 @@ class TextFields extends React.Component {
             checked={this.state.significantOther}
             onChange={this.handleSignificantOther} />
       </div>
-          <FormControl className='food-select'>
-            <InputLabel htmlFor="food-helper">What sort of cat are you?</InputLabel>
-            <Select
-              value={this.state.cat}
-              onChange={this.handleFoodSelect}
-              input={<Input name="food" id="food-helper" value={this.state.foodItem}/>}>
-              <MenuItem value="">
-                <em>The hell you talking about</em>
-              </MenuItem>
-              {this.Cats()}
-            </Select>
-            <FormHelperText>Calling all cats and jive turkeys</FormHelperText>
-          </FormControl>
           <br />
           <Button style={{marginTop: '1.25em'}}onClick={this.submitForm}> Click to Confirm Attendance </Button>
           <br />