diff --git a/packages/frontend/src/components/Chain.tsx b/packages/frontend/src/components/Chain.tsx index f5200e1..7fe26b3 100644 --- a/packages/frontend/src/components/Chain.tsx +++ b/packages/frontend/src/components/Chain.tsx @@ -49,7 +49,7 @@ export class Chain extends React.Component { super(props); this.state = { - display: 'table', + display: window.location.hash === '#map' ? 'map' : 'table', map: { width: 0, height: 0, @@ -105,8 +105,10 @@ export class Chain extends React.Component { private toggleMap = () => { if (this.state.display === 'map') { this.setState({ display: 'table' }); + window.location.hash = ''; } else { this.setState({ display: 'map' }); + window.location.hash = '#map'; } } diff --git a/packages/frontend/src/components/Node/Location.css b/packages/frontend/src/components/Node/Location.css index 5ad87bb..74322ae 100644 --- a/packages/frontend/src/components/Node/Location.css +++ b/packages/frontend/src/components/Node/Location.css @@ -16,12 +16,8 @@ } .Node-Location-ping { + pointer-events: none; position: absolute; - left: 2px; - top: 2px; - width: 0; - height: 0; - border: 1px solid transparent; display: none; } @@ -99,14 +95,16 @@ top: -1px; width: 6px; height: 6px; + border-width: 1px; border-color: rgba(255,255,255,1); } to { - left: -13px; - top: -13px; - width: 30px; - height: 30px; + left: -18px; + top: -18px; + width: 40px; + height: 40px; + border-width: 1px; border-color: rgba(255,255,255,0); } }