added styles and sighting details

src/App.css

@@ -14,3 +14,7 @@ body {
         width: calc(100% - 50% - 120px) !important;
     }
 }
+
+#disqus_thread {
+    width: 99% !important;
+}

src/components/SightingDetail.js

@@ -1,5 +1,6 @@
 import React, { Component, Fragment } from 'react';
 import Disqus from 'disqus-react';
+import Divider from '@material-ui/core/Divider';
 
 class SightingDetail extends Component {
 
@@ -13,7 +14,14 @@ class SightingDetail extends Component {
 
         return (
             <Fragment>
-                <p>{this.props.detail.type}</p>
+                <h1>{`Sighting ${this.props.detail.id}`}</h1>
+                <Divider/>
+                <p>{`Type: ${this.props.detail.type}`}</p>
+                <p>{`Confidence: ${this.props.detail.confidence}`}</p>
+                <p>{`When: ${this.props.detail.date}, ${this.props.detail.time}`}</p>
+                <p>{`Where: ${this.props.detail.lat} degrees N, and ${this.props.detail.lng} degrees E`}</p>
+                <p>{`${this.props.detail.desc}`}</p>
+
                 <Disqus.DiscussionEmbed shortname={disqusShortname} config={disqusConfig} />
             </Fragment>
         );

src/components/ViewSightings.js

@@ -81,7 +81,8 @@ class ViewSightings extends Component {
                                             <ListItemText primary={`Type: ${sighting.type}`}/>
                                         </ListItem>
                                     )
-                            })}
+                                })
+                            }
                             </List>
                         </Fragment>
                     </Grid>