big gap between triangle and tooltip

[kbroman]

In a really basic test with just a single html file, there's a big ugly gap between the triangle and the textbox in the tool tips:

<html>
<head>
<script charset="utf-8" type="text/javascript" src="https://d3js.org/d3.v7.min.js"></script>
<script type="text/javascript" src="https://kbroman.org/d3panels/assets/d3panels.js"></script>
<link rel=stylesheet type="text/css" href="https://kbroman.org/d3panels/assets/d3panels.css">
</head>

<body>
  <div id="chart"></div>
</body>

<script type="text/javascript">
myframe = d3panels.panelframe({height:600, width:600,xlim:[0,100],ylim:[0,100]})
myframe(d3.select("div#chart"))

addpts = d3panels.add_points()
addpts(myframe, {x:[5,10,25,50,75,90], y:[8,12,50,30,80,90], group:[1,1,1,2,2,3]})
</script>

</html>