Lots of improvements

frontend/src/components/ui/FeatureLabel.tsx

@@ -2,6 +2,12 @@ import type { FeatureMeta } from '../../types';
 import { InfoIcon } from './icons';
 import { getGroupIcon } from '../../lib/group-icons';
 
+const MODE_LABELS: Record<string, string> = {
+  historical: 'Historical',
+  buy: 'Buy',
+  rent: 'Rent',
+};
+
 interface FeatureLabelProps {
   feature: FeatureMeta;
   onShowInfo?: (feature: FeatureMeta) => void;
@@ -17,6 +23,10 @@ export function FeatureLabel({
 }: FeatureLabelProps) {
   const textClass = size === 'sm' ? 'text-sm' : 'text-xs';
   const GroupIcon = feature.group ? getGroupIcon(feature.group) : null;
+  const modeTag =
+    feature.modes && feature.modes.length > 0
+      ? feature.modes.map((m) => MODE_LABELS[m] || m).join(' · ')
+      : null;
 
   return (
     <div
@@ -30,6 +40,11 @@ export function FeatureLabel({
       >
         {feature.name}
       </span>
+      {modeTag && (
+        <span className="shrink-0 text-[10px] leading-none font-medium px-1.5 py-0.5 rounded-full bg-warm-100 dark:bg-warm-800 text-warm-500 dark:text-warm-400 border border-warm-200 dark:border-warm-700">
+          {modeTag}
+        </span>
+      )}
       {feature.detail && onShowInfo && (
         <button
           onClick={() => onShowInfo(feature)}

frontend/src/components/ui/InfoPopup.tsx

@@ -20,10 +20,10 @@ export default function InfoPopup({ title, children, onClose, sourceLink }: Info
   useClickOutside(popupRef, handleClose);
 
   return (
-    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/30">
+    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/30 p-4">
       <div
         ref={popupRef}
-        className="bg-white dark:bg-navy-800 border border-warm-200 dark:border-navy-700 rounded-lg shadow-xl max-w-md w-full mx-4 p-5"
+        className="bg-white dark:bg-navy-800 border border-warm-200 dark:border-navy-700 rounded-lg shadow-xl max-w-md w-full max-h-full overflow-y-auto p-5"
       >
         <div className="flex items-start justify-between mb-3">
           <h3 className="text-sm font-semibold text-warm-900 dark:text-warm-100 pr-4">{title}</h3>