From a11bd24f9dd7188cb822edf2583f31a62cdc5e8c Mon Sep 17 00:00:00 2001
From: mracsys <mracsys@gmail.com>
Date: Wed, 21 Apr 2021 12:47:24 -0400
Subject: [PATCH] fix area links for Firefox

---
 src/LinkedEntrance.js   | 5 +----
 src/Tracker.js          | 7 +++++--
 src/UnlinkedEntrance.js | 6 +-----
 3 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/LinkedEntrance.js b/src/LinkedEntrance.js
index 1bc6040..a11b71b 100644
--- a/src/LinkedEntrance.js
+++ b/src/LinkedEntrance.js
@@ -61,7 +61,6 @@ class LinkedEntrance extends React.Component {
         let interiors = ['interior','specialInterior','grotto','grave','dungeon'];
         let oneWayTypes = ['spawn','warpsong','owldrop'];
         let otherEntrances = [];
-        const preventDefault = (event) => event.preventDefault();
         if (this.props.connector === false) {
             if ((interiors.includes(this.props.allAreas.entrances[reverseLink].type) &&
             (oneWayTypes.includes(oEntrance.type) || this.props.decoupled) &&
@@ -80,9 +79,7 @@ class LinkedEntrance extends React.Component {
                 <div className={this.props.classes.entranceContainer} key={this.props.entrance + "label"}>
                     { this.props.forceVisible ? <SubdirectoryArrowRightIcon /> : null }
                     <Typography variant="body1" component="h1" className={this.props.classes.entranceLabel}>
-                        <Link className={this.props.classes.entranceAnchor} color="inherit" id={this.props.entrance} onClick={preventDefault}>
-                            {this.buildEntranceName(this.props.entrance)}
-                        </Link>
+                        {this.buildEntranceName(this.props.entrance)}
                     </Typography>
                     <Link
                         color="inherit"
diff --git a/src/Tracker.js b/src/Tracker.js
index 3438d5f..c73a539 100644
--- a/src/Tracker.js
+++ b/src/Tracker.js
@@ -236,6 +236,9 @@ const useStyles = (theme) => ({
     },
     entranceAnchor: {
         textDecoration: 'none',
+        height: 0,
+        position: "relative",
+        top: -theme.spacing(10),
         "&:hover": {
             textDecoration: 'none',
             cursor: 'default',
@@ -243,8 +246,8 @@ const useStyles = (theme) => ({
         "&:before": {
             content: '""',
             display: "block",
-            height: theme.spacing(10),
-            marginTop: -theme.spacing(10)
+            //height: theme.spacing(10),
+            //marginTop: -theme.spacing(10),
         }
     },
     entranceAnchorFakeText: {
diff --git a/src/UnlinkedEntrance.js b/src/UnlinkedEntrance.js
index b553f2c..d491f66 100644
--- a/src/UnlinkedEntrance.js
+++ b/src/UnlinkedEntrance.js
@@ -3,7 +3,6 @@ import Typography from '@material-ui/core/Typography';
 import FormControl from '@material-ui/core/FormControl';
 import Select from '@material-ui/core/Select';
 import SubdirectoryArrowRightIcon from '@material-ui/icons/SubdirectoryArrowRight';
-import Link from '@material-ui/core/Link';
 
 
 class UnLinkedEntrance extends React.Component {
@@ -41,14 +40,11 @@ class UnLinkedEntrance extends React.Component {
     render() {
         let entrancePool = this.selectEntrancePool(this.props.entrance);
         let entranceList = this.props.allAreas.entrances;
-        const preventDefault = (event) => event.preventDefault();
         return (
             <div className={this.props.classes.entranceContainer} key={this.props.ekey}>
                 { this.props.forceVisible ? <SubdirectoryArrowRightIcon /> : null }
                 <Typography variant="body1" component="h1" color="error" className={this.props.classes.entranceLabel}>
-                    <Link className={this.props.classes.entranceAnchor} color="inherit" id={this.props.entrance} onClick={preventDefault}>
-                        {this.buildEntranceName(this.props.entrance)}
-                    </Link>
+                    {this.buildEntranceName(this.props.entrance)}
                 </Typography>
                 <FormControl className={this.props.classes.entranceMenuControl}>
                     <Select className={this.props.classes.entranceMenu} native displayEmpty id={this.props.entrance + "select"} onChange={this.props.handleLink} name={this.props.entrance}>