diff --git a/src/styles/layout.css b/src/styles/layout.css index 1eed1b8..ff8c556 100644 --- a/src/styles/layout.css +++ b/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; diff --git a/src/views/SettingsView.js b/src/views/SettingsView.js index b2dd0f4..085fa5b 100644 --- a/src/views/SettingsView.js +++ b/src/views/SettingsView.js @@ -239,10 +239,10 @@ export async function SettingsView() { el('a', { class: 'link', href: '#/shiny' }, 'Shiny hunts'), ), el( - 'p', - { class: 'settings__note' }, + 'div', + { 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,