src/components/SightingMap.js

@@ -5,7 +5,7 @@ import Typography from '@material-ui/core/Typography';
 import firebase from '../utilities/firebase.js';
 
 // Google Maps API Key
-const API_KEY = 'AIzaSyCSOlH291-dVi3dqYoapwG3st70IzLL6j4';
+const API_KEY = 'AIzaSyAZ_0J01bA6wCbIPK4UBq2RUBC-hIqG4mM';
 
 // Map container styles
 const mapStyles = {

src/components/flamelink/FlameLinkCollectionGallery.js

@@ -18,7 +18,7 @@ const styles = theme => ({
     flamelinkGallery: {
         marginRight: 'auto',
         marginLeft: 'auto',
-        backgroundImage: 'url(/galleryBackgroundImage.png)',
+        backgroundImage: 'url(../images/galleryBackgroundImage.png)',
         overflow: 'hidden',
         minHeight: 180,
         minWidth:  300,

src/components/flamelink/FlameLinkComponentCreations.js

@@ -10,7 +10,8 @@ const styles = theme => ({
         ...theme.mixins.gutters(),
         margin: theme.spacing.unit * 2,
         paddingTop: theme.spacing.unit * 2,
-        paddingBottom: theme.spacing.unit * 2
+        paddingBottom: theme.spacing.unit * 2,
+        width: '100%'
     },
 });
 

src/components/forms/ReportMap.js

@@ -3,7 +3,7 @@ import { Map, InfoWindow, Marker, GoogleApiWrapper } from 'google-maps-react';
 import Typography from '@material-ui/core/Typography';
 
 // Google Maps API Key
-const API_KEY = 'AIzaSyCSOlH291-dVi3dqYoapwG3st70IzLL6j4';
+const API_KEY = 'AIzaSyAZ_0J01bA6wCbIPK4UBq2RUBC-hIqG4mM';
 
 // Map container styles
 const mapStyles = {

src/components/list/SightingDetailMap.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import { Map, Marker, GoogleApiWrapper } from 'google-maps-react';
 
 // Google Maps API Key
-const API_KEY = 'AIzaSyCSOlH291-dVi3dqYoapwG3st70IzLL6j4';
+const API_KEY = 'AIzaSyAZ_0J01bA6wCbIPK4UBq2RUBC-hIqG4mM';
 
 // Map container styles
 const mapStyles = {