From ed0a607560d13ebb084c09811399b398e382e82d Mon Sep 17 00:00:00 2001
From: wildscotsmen <thewildscotsmen@gmail.com>
Date: Fri, 21 Sep 2018 17:24:40 -0400
Subject: [PATCH] Fixed spacing issues between desktop and mobile.

---
 src/components/ReportForm.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ReportForm.js b/src/components/ReportForm.js
index 793928a..6fd3be1 100644
--- a/src/components/ReportForm.js
+++ b/src/components/ReportForm.js
@@ -151,7 +151,7 @@ class ReportForm extends React.Component {
     return (
       <form className={classes.container} autoComplete="off" method='GET'>
         <Grid container spacing={8}>
-                <Grid item xs={5} xl={2}>
+                <Grid item xs={12} xl={2}>
                     <TextField
                     id="select-sighting-type"
                     select
@@ -176,7 +176,7 @@ class ReportForm extends React.Component {
                     </TextField>
                 </Grid>
 
-                <Grid item xs={5} xl={2}>
+                <Grid item xs={12} xl={2}>
                     <TextField
                     id="select-confidence"
                     select