small style fixes

This commit is contained in:
vcoppe
2025-11-10 11:51:16 +01:00
parent 0554a85e01
commit 4e5d7d391a
20 changed files with 59 additions and 56 deletions

View File

@@ -177,7 +177,7 @@
rectangleCoordinates = [];
}}
>
<Trash2 size="16" class="mr-1" />
<Trash2 size="16" />
{i18n._('toolbar.clean.button')}
</Button>
<Help link={getURLForLanguage(i18n.lang, '/help/toolbar/clean')}>

View File

@@ -26,7 +26,7 @@
}
}}
>
<MountainSnow size="16" class="mr-1 shrink-0" />
<MountainSnow size="16" class="shrink-0" />
{i18n._('toolbar.elevation.button')}
</Button>
<Help link={getURLForLanguage(i18n.lang, '/help/toolbar/elevation')}>

View File

@@ -46,7 +46,7 @@
<div class="flex flex-col gap-3 w-full max-w-80 {props.class ?? ''}">
<Button variant="outline" disabled={!validSelection} onclick={fileActions.extractSelection}>
<Ungroup size="16" class="mr-1" />
<Ungroup size="16" />
{i18n._('toolbar.extract.button')}
</Button>
<Help link={getURLForLanguage(i18n.lang, '/help/toolbar/extract')}>

View File

@@ -86,7 +86,7 @@
);
}}
>
<Group size="16" class="mr-1 shrink-0" />
<Group size="16" class="shrink-0" />
{i18n._('toolbar.merge.merge_selection')}
</Button>
<Help link={getURLForLanguage(i18n.lang, '/help/toolbar/merge')}>

View File

@@ -188,7 +188,7 @@
<div class="flex flex-row gap-2 justify-center">
<div class="flex flex-col gap-2 grow">
<Label for="speed" class="flex flex-row">
<Zap size="16" class="mr-1" />
<Zap size="16" />
{#if $velocityUnits === 'speed'}
{i18n._('quantities.speed')}
{:else}
@@ -241,7 +241,7 @@
</div>
<div class="flex flex-col gap-2 grow">
<Label for="duration" class="flex flex-row">
<Timer size="16" class="mr-1" />
<Timer size="16" />
{i18n._('toolbar.time.total_time')}
</Label>
<TimePicker
@@ -254,7 +254,7 @@
</div>
</div>
<Label class="flex flex-row">
<CirclePlay size="16" class="mr-1" />
<CirclePlay size="16" />
{i18n._('toolbar.time.start')}
</Label>
<div class="flex flex-row gap-2">
@@ -280,7 +280,7 @@
/>
</div>
<Label class="flex flex-row">
<CircleStop size="16" class="mr-1" />
<CircleStop size="16" />
{i18n._('toolbar.time.end')}
</Label>
<div class="flex flex-row gap-2">
@@ -393,10 +393,10 @@
});
}}
>
<CalendarClock size="16" class="mr-1 shrink-0" />
<CalendarClock size="16" class="shrink-0" />
{i18n._('toolbar.time.update')}
</Button>
<Button variant="outline" onclick={setGPXData}>
<Button variant="outline" size="icon" onclick={setGPXData}>
<CircleX size="16" />
</Button>
</div>

View File

@@ -47,7 +47,7 @@
<span class="font-normal">{reducedLayers.currentPoints}/{reducedLayers.maxPoints}</span>
</Label>
<Button variant="outline" disabled={!validSelection} onclick={() => reducedLayers.reduce()}>
<Funnel size="16" class="mr-1" />
<Funnel size="16" />
{i18n._('toolbar.reduce.button')}
</Button>

View File

@@ -15,7 +15,7 @@
</script>
<div bind:this={element} class="hidden">
<Card.Root class="border-none shadow-md text-base">
<Card.Root class="border-none shadow-md text-base p-0 gap-0 rounded-lg">
<Card.Content class="flex flex-col p-1">
{#if $canChangeStart}
<Button
@@ -23,7 +23,7 @@
variant="ghost"
onclick={() => element?.dispatchEvent(new CustomEvent('change-start'))}
>
<CirclePlay size="16" class="mr-1" />
<CirclePlay size="16" />
{i18n._('toolbar.routing.start_loop_here')}
</Button>
{/if}
@@ -32,7 +32,7 @@
variant="ghost"
onclick={() => element?.dispatchEvent(new CustomEvent('delete'))}
>
<Trash2 size="16" class="mr-1" />
<Trash2 size="16" />
{i18n._('menu.delete')}
<Shortcut shift={true} click={true} />
</Button>

View File

@@ -99,7 +99,7 @@
disabled={!validSelection || !canCrop}
onclick={() => fileActions.cropSelection(sliderValues[0], sliderValues[1])}
>
<Crop size="16" class="mr-1" />{i18n._('toolbar.scissors.crop')}
<Crop size="16" />{i18n._('toolbar.scissors.crop')}
</Button>
<Separator />
<Label class="flex flex-row flex-wrap gap-3 items-center">

View File

@@ -203,14 +203,14 @@
onclick={createOrUpdateWaypoint}
>
{#if $selectedWaypoint}
<Save size="16" class="mr-1 shrink-0" />
<Save size="16" class="shrink-0" />
{i18n._('menu.metadata.save')}
{:else}
<MapPin size="16" class="mr-1 shrink-0" />
<MapPin size="16" class="shrink-0" />
{i18n._('toolbar.waypoint.create')}
{/if}
</Button>
<Button variant="outline" onclick={() => selectedWaypoint.reset()}>
<Button variant="outline" size="icon" onclick={() => selectedWaypoint.reset()}>
<CircleX size="16" />
</Button>
</div>