Fix a few display discrepancies in the new map.

client/src/components/controlpoints/ControlPoint.tsx

@@ -1,5 +1,5 @@
 import { Icon, Point } from "leaflet";
-import { Marker, Popup } from "react-leaflet";
+import { Marker, Tooltip } from "react-leaflet";
 
 import { ControlPoint as ControlPointModel } from "../../api/controlpoint";
 import { Symbol as MilSymbol } from "milsymbol";
@@ -25,8 +25,14 @@ export default function ControlPoint(props: ControlPointProps) {
     <Marker
       position={props.controlPoint.position}
       icon={iconForControlPoint(props.controlPoint)}
+      // We might draw other markers on top of the CP. The tooltips from the
+      // other markers are helpful so we want to keep them, but make sure the CP
+      // is always the clickable thing.
+      zIndexOffset={1000}
     >
-      <Popup>{props.controlPoint.name}</Popup>
+      <Tooltip>
+        <h3 style={{ margin: 0 }}>{props.controlPoint.name}</h3>
+      </Tooltip>
     </Marker>
   );
 }