improve metadata and style ux

website/src/lib/components/Menu.svelte

@@ -217,6 +217,7 @@
 					>
 						<Info size="16" class="mr-1" />
 						{$_('menu.metadata.button')}
+						<Shortcut key="I" ctrl={true} />
 					</Menubar.Item>
 					<Menubar.Item
 						disabled={$selection.size === 0 ||
@@ -525,6 +526,16 @@
 				selectAll();
 				e.preventDefault();
 			}
+		} else if (e.key === 'i' && (e.metaKey || e.ctrlKey)) {
+			if (
+				$selection.size === 1 &&
+				$selection
+					.getSelected()
+					.every((item) => item instanceof ListFileItem || item instanceof ListTrackItem)
+			) {
+				$editMetadata = true;
+			}
+			e.preventDefault();
 		} else if (e.key === 'p' && (e.metaKey || e.ctrlKey)) {
 			$elevationProfile = !$elevationProfile;
 			e.preventDefault();

website/src/lib/components/file-list/FileListNodeLabel.svelte

@@ -200,6 +200,7 @@
 			<ContextMenu.Item disabled={!singleSelection} on:click={() => ($editMetadata = true)}>
 				<Info size="16" class="mr-1" />
 				{$_('menu.metadata.button')}
+				<Shortcut key="I" ctrl={true} />
 			</ContextMenu.Item>
 			<ContextMenu.Item on:click={() => ($editStyle = true)}>
 				<PaintBucket size="16" class="mr-1" />

website/src/locales/en.json

@@ -58,13 +58,13 @@
         "click": "Click",
         "drag": "Drag",
         "metadata": {
-            "button": "Edit info",
+            "button": "Info...",
             "name": "Name",
             "description": "Description",
             "save": "Save"
         },
         "style": {
-            "button": "Change style",
+            "button": "Appearance...",
             "color": "Color",
             "opacity": "Opacity",
             "weight": "Weight"