Small fixes

frontend/src/components/map/POIPane.tsx

@@ -6,7 +6,7 @@ import InfoPopup from '../ui/InfoPopup';
 import { SearchInput } from '../ui/SearchInput';
 import { PillToggle } from '../ui/PillToggle';
 import { PillGroup } from '../ui/PillGroup';
-import { InfoIcon, ChevronIcon } from '../ui/icons';
+import { InfoIcon, ChevronIcon, CloseIcon } from '../ui/icons';
 import { IconButton } from '../ui/IconButton';
 
 interface POIPaneProps {
@@ -15,6 +15,7 @@ interface POIPaneProps {
   onCategoriesChange: (categories: Set<string>) => void;
   poiCount: number;
   onNavigateToSource?: (slug: string) => void;
+  onClose?: () => void;
 }
 
 export default function POIPane({
@@ -23,6 +24,7 @@ export default function POIPane({
   onCategoriesChange,
   poiCount: _poiCount,
   onNavigateToSource,
+  onClose,
 }: POIPaneProps) {
   const [searchTerm, setSearchTerm] = useState('');
   const [isGroupExpanded, toggleCollapse] = useCollapsibleGroups();
@@ -96,7 +98,7 @@ export default function POIPane({
           <IconButton onClick={() => setShowInfo(true)} title="Data source info">
             <InfoIcon />
           </IconButton>
-          <div className="flex gap-1 ml-auto">
+          <div className="flex gap-1 ml-auto items-center">
             <button
               onClick={selectAll}
               className="px-2 py-0.5 text-xs rounded border border-warm-300 dark:border-warm-700 text-warm-600 dark:text-warm-400 hover:bg-warm-50 dark:hover:bg-warm-700"
@@ -109,6 +111,15 @@ export default function POIPane({
             >
               None
             </button>
+            {onClose && (
+              <button
+                onClick={onClose}
+                className="ml-1 p-0.5 text-warm-400 hover:text-warm-700 dark:hover:text-warm-300"
+                title="Close"
+              >
+                <CloseIcon className="w-4 h-4" />
+              </button>
+            )}
           </div>
         </div>