svg dungeon tracker

[alttp.git] / resources / js / components / tracker / index.js

diff --git a/resources/js/components/tracker/index.js b/resources/js/components/tracker/index.js
index 0dd7cc5ed95d6d3fa7443c905c78b6a4cd2c689f..7b16b4014a97801c02b73cfdc7417073888ae80b 100644 (file)
--- a/resources/js/components/tracker/index.js
+++ b/resources/js/components/tracker/index.js
@@ -1,7 +1,7 @@
 import React from 'react';
+import { Col, Container, Row } from 'react-bootstrap';
 
 import Dungeons from './Dungeons';
-import Equipment from './Equipment';
 import Items from './Items';
 import Map from './Map';
 import Toolbar from './Toolbar';
@@ -9,16 +9,19 @@ import Toolbar from './Toolbar';
 const Tracker = () => {
        return <div className="tracker">
                <Toolbar />
-               <div className="d-flex">
-                       <div>
-                               <Items />
-                               <Equipment />
+               <Container fluid>
+                       <Row>
+                               <Col sm={3}>
+                                       <Items />
+                               </Col>
+                               <Col sm={9}>
+                                       <Map />
+                               </Col>
+                       </Row>
+                       <div className="mt-2">
                                <Dungeons />
                        </div>
-                       <div>
-                               <Map />
-                       </div>
-               </div>
+               </Container>
        </div>;
 };