Fix layout in SelectionMap

This commit is contained in:
vjrj 2018-01-24 21:41:43 +01:00
parent 1e02fb6bcd
commit f76abc7c89

View file

@ -19,7 +19,7 @@ import 'leaflet-graphicscale/dist/Leaflet.GraphicScale.min.css';
import 'leaflet-graphicscale/dist/Leaflet.GraphicScale.min.js'; import 'leaflet-graphicscale/dist/Leaflet.GraphicScale.min.js';
import 'leaflet-sleep/Leaflet.Sleep.js'; import 'leaflet-sleep/Leaflet.Sleep.js';
import Control from 'react-leaflet-control'; import Control from 'react-leaflet-control';
import { Button, ButtonGroup } from 'react-bootstrap'; import { Row, Col, Button, ButtonGroup } from 'react-bootstrap';
import subsUnion from '/imports/ui/components/Maps/SubsUnion/SubsUnion'; import subsUnion from '/imports/ui/components/Maps/SubsUnion/SubsUnion';
import UserSubsToFiresCollection from '/imports/api/Subscriptions/Subscriptions'; import UserSubsToFiresCollection from '/imports/api/Subscriptions/Subscriptions';
import './SelectionMap.scss'; import './SelectionMap.scss';
@ -161,7 +161,8 @@ class SelectionMap extends Component {
const { t, onRemove } = this.props; const { t, onRemove } = this.props;
return ( return (
this.isValidState() ? this.isValidState() ?
<div> <Row>
<Col xs={12} sm={12} md={12} lg={12}>
<Map <Map
className="selectionmap-leaflet-container" className="selectionmap-leaflet-container"
center={this.state.center} center={this.state.center}
@ -251,7 +252,9 @@ class SelectionMap extends Component {
</ButtonGroup> </ButtonGroup>
</Control> </Control>
</Map> </Map>
</div> : </Col>
</Row>
:
<div />); <div />);
} }
} }