GVSU/marten-application
GVSU
/
marten-application
1
0
Fork 0
Code Pull Requests Releases Activity

best I got right now

This commit is contained in:
Al Duncanson 2018-10-27 16:08:53 -04:00
parent 49eaa2a4f4
commit 7543839985
3 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/App.css
View File

@ -18,3 +18,12 @@ body {
#disqus_thread { #disqus_thread {
width: 99% !important; width: 99% !important;
} }
.sighting-details {
margin-top: 330px;
}
.sighting-detail-google-map-container > div {
width: calc(100% - 50% - 120px) !important;
height: 50% !important;
}

9
src/components/SightingDetail.js
View File

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