Save import: trim helper text, put it on its own line

Button "Import from a game save" now sits on its own line with the
description "A .sav / .srm from a Gen 1–3 game." beneath it, instead of a
long inline sentence. The dialog already names the detected game and
offers merge vs replace.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_017Ve7HLspzeG2xDPtJQ8vmu

src/styles/layout.css

@@ -1605,6 +1605,16 @@
 .settings__install {
   margin: 10px 0 0;
 }
+.settings__save {
+  margin: 10px 0 0;
+}
+.settings__save .button {
+  display: inline-flex;
+}
+.settings__save .settings__note {
+  margin: 6px 0 0;
+  font-size: 0.82rem;
+}
 .field {
   display: flex;
   flex-direction: column;

src/views/SettingsView.js

@@ -239,10 +239,10 @@ export async function SettingsView() {
       el('a', { class: 'link', href: '#/shiny' }, 'Shiny hunts'),
     ),
     el(
-      'p',
+      'div',
-      { class: 'settings__note' },
+      { class: 'settings__save' },
       el('button', { class: 'button', type: 'button', onclick: () => saveInput.click() }, 'Import from a game save'),
-      ' — a .sav / .srm from Gen 1 (R/B/Y), Gen 2 (G/S/C) or Gen 3 (R/S/E, FR/LG). Reads the game’s own Pokédex; merges seen/caught, removes nothing.',
+      el('p', { class: 'settings__note' }, 'A .sav / .srm from a Gen 1–3 game.'),
     ),
     saveInput,
     saveNote,