Fix layout in SelectionMap
This commit is contained in:
parent
1e02fb6bcd
commit
f76abc7c89
1 changed files with 94 additions and 91 deletions
|
|
@ -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 />);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue