Address the problem of Legend overlapping with the occurrence pop-up that appears on the right side . To accomplish this, carefully analyze the layout and positioning of the Legend and the occurrence pop-up, identifying the CSS or layout configurations causing the overlap. Adjust the relevant positioning properties in the CSS or layout positioning components/map/Map.tsx to ensure the Legend does not overlap with the occurrence pop-up on the right. It may involve modifying the position and other properties for both the Legend and the pop-up. After making the adjustments, test the solution on various browsers and devices to ensure a consistent layout.
Address the problem of Legend overlapping with the occurrence pop-up that appears on the right side . To accomplish this, carefully analyze the layout and positioning of the Legend and the occurrence pop-up, identifying the CSS or layout configurations causing the overlap. Adjust the relevant positioning properties in the CSS or layout positioning
components/map/Map.tsxto ensure the Legend does not overlap with the occurrence pop-up on the right. It may involve modifying the position and other properties for both the Legend and the pop-up. After making the adjustments, test the solution on various browsers and devices to ensure a consistent layout.