diff --git a/src/App.css b/src/App.css index 439e3fd..0612f07 100644 --- a/src/App.css +++ b/src/App.css @@ -17,4 +17,13 @@ body { #disqus_thread { width: 99% !important; +} + +.sighting-details { + margin-top: 330px; +} + +.sighting-detail-google-map-container > div { + width: calc(100% - 50% - 120px) !important; + height: 50% !important; } \ No newline at end of file diff --git a/src/components/SightingDetail.js b/src/components/SightingDetail.js index 97dc9ac..ffcaa27 100644 --- a/src/components/SightingDetail.js +++ b/src/components/SightingDetail.js @@ -1,6 +1,5 @@ import React, { Component, Fragment } from 'react'; import Disqus from 'disqus-react'; -import Divider from '@material-ui/core/Divider'; import SightingDetailMap from './SightingDetailMap'; class SightingDetail extends Component { @@ -15,15 +14,13 @@ class SightingDetail extends Component { return ( -

{`Sighting ${this.props.detail.id}`}

- -

{`Type: ${this.props.detail.type}`}

-

{`Confidence: ${this.props.detail.confidence}`}

-

{`When: ${this.props.detail.date}, ${this.props.detail.time}`}

-

{`Where: ${this.props.detail.lat} degrees N, and ${this.props.detail.lng} degrees E`}

-

{`${this.props.detail.desc}`}

- +
+

{`Confidence: ${this.props.detail.confidence}`}

+

{`When: ${this.props.detail.date}, ${this.props.detail.time}`}

+

{`Where: ${this.props.detail.lat} degrees N, and ${this.props.detail.lng} degrees E`}

+

{`${this.props.detail.desc}`}

+
); diff --git a/src/components/ViewSightings.js b/src/components/ViewSightings.js index 1b46368..9abd481 100644 --- a/src/components/ViewSightings.js +++ b/src/components/ViewSightings.js @@ -95,4 +95,4 @@ class ViewSightings extends Component { } } -export default ViewSightings; +export default ViewSightings; \ No newline at end of file