Fixed styling.

src/components/FlameLinkCollectionGallery.js

@@ -61,6 +61,7 @@ class FlameLinkCollectionGallery extends Component {
     getGalleryInfo(schemaDetails, schemaContent) {
         var key;
         var mediaNums = []
+        
         for (var val in schemaDetails) {
             key = schemaDetails[val].key
         }
@@ -72,10 +73,11 @@ class FlameLinkCollectionGallery extends Component {
         for (var val3 in global.mediaIDs) {
             mediaNums.push(val3)
         }
+        
         return mediaNums.map(this.createGallery);
     }
 
-    createGallery(num) {
+    createGallery = num => {
         return <FlameLinkCollectionGalleryContent num={num} key={global.mediaIDs[num]} />
     }
 
@@ -85,7 +87,7 @@ class FlameLinkCollectionGallery extends Component {
         return (
             <Grid container>
                 {this.getGalleryInfo(this.state.schemaDetails, this.state.schemaContent)}
-                <Typography variant='display3' className={classes.flamelinkItem}>
+                <Typography variant='display2' className={classes.flamelinkItem}>
                     {this.state.schemaDescription}
                 </Typography>
                 <Grid container className={classes.flamelinkGalleryContainer}>

src/components/FlameLinkCollectionGalleryContent.js

@@ -18,14 +18,14 @@ class FlameLinkCollectionGalleryContent extends Component {
             }))
     }
 
-    addURLs(){
+    addURLs = () => {
-        if(this.state.mediaURL === ''){
+        if (this.state.mediaURL === '') {
-        }
+        } else {
-        else{
             var element = {}
             element.original = this.state.mediaURL;
             global.galleryImages.push(element);
         }
+        
         return null;
     }
 

src/components/RenderGallery.js

@@ -15,17 +15,16 @@ class RenderGallery extends Component {
         }
     }
 
-        componentDidMount(){
+    componentDidMount() {
-        this.setState({mounted: true})
+        this.setState({ mounted: true })
     }
 
-    _onImageLoad(event) {
+    _onImageLoad = event => {
         console.debug('loaded image', event.target.src);
     }
 
     render() {
-
+        return (
-        return(
             <ImageGallery
                 items={global.galleryImages}
                 showThumbnails={this.state.showThumbnails}