fix(ui): point import controls inward and give Google Maps its own mark

Every import button in the client wore an outgoing arrow, so the control that
pulls a booking or a place list in looked like it was about to send something
out. The places-import sheet managed to contradict itself inside one screen:
Download in the header, Upload on the row below it, Upload again on the file
step. Imports now take Download, or FileDown where the button opens a file
picker; genuine uploads and the desktop drop zones keep Upload.

The mobile places-import entry point wore an ellipsis, which promises a menu.

The "open in Google Maps" buttons drew the four-segment Google *search* G,
flattened to one colour — a glyph that reads as "run a search". They get a map
pin instead, factored into one component so the desktop and mobile copies stop
drifting apart.

Closes #2005
Closes #2006
This commit is contained in:
Maurice
2026-08-21 12:47:15 +02:00
committed by Maurice
parent ec3017f9cc
commit df139a2d96
13 changed files with 103 additions and 30 deletions
@@ -1,5 +1,5 @@
import {
X, Check, CheckCheck, Luggage, Package, FolderPlus, Upload,
X, Check, CheckCheck, Luggage, Package, FolderPlus, Download,
} from 'lucide-react'
import type { PackingState } from './usePackingListPanel'
@@ -46,7 +46,7 @@ export function PackingHeader(S: PackingState) {
border: '1px solid var(--border-primary)', fontSize: 'calc(12px * var(--fs-scale-body, 1))', fontWeight: 500, cursor: 'pointer',
fontFamily: 'inherit', background: 'var(--bg-card)', color: 'var(--text-muted)',
}}>
<Upload size={12} /> <span className="hidden sm:inline">{t('packing.import')}</span>
<Download size={12} /> <span className="hidden sm:inline">{t('packing.import')}</span>
</button>
)}
{inlineHeader && canEdit && abgehakt > 0 && (