diff --git a/web/public/app.js b/web/public/app.js index 6a51577..b7968ee 100644 --- a/web/public/app.js +++ b/web/public/app.js @@ -106,9 +106,7 @@ // --- Step 1: Device selection --- async function enterManualMode() { manualMode = true; - if (hasFileSystemAccess) { - manualChromeHint.hidden = false; - } + manualChromeHint.hidden = false; const available = await scanAvailablePatches(); manualVersion.innerHTML = ''; diff --git a/web/public/index.html b/web/public/index.html index 14e8955..e05eaa4 100644 --- a/web/public/index.html +++ b/web/public/index.html @@ -7,7 +7,7 @@ - + @@ -52,25 +52,30 @@ Proceed with care. -

Select your Kobo model and firmware version. - Not sure which model you have? - Identify your Kobo eReader. +

+ Select your firmware version first, and then the Kobo model.

+

+ You can identify your the version number shown on your Kobo under More > Settings > Device information and by checking Software version. +

- +
+ +
@@ -122,16 +127,6 @@ Kobo's support page. The most important bit is that "koboXX" matches, for example "kobo13" for Kobo Libra Color.

-
@@ -253,9 +248,9 @@ - - - - + + + + diff --git a/web/public/patch-worker.js b/web/public/patch-worker.js index 6eeb4c7..c23d113 100644 --- a/web/public/patch-worker.js +++ b/web/public/patch-worker.js @@ -10,7 +10,7 @@ async function loadWasm() { const go = new Go(); const result = await WebAssembly.instantiateStreaming( - fetch('kobopatch.wasm?ts=1773670636'), + fetch('kobopatch.wasm?ts=1773672116'), go.importObject ); go.run(result.instance); diff --git a/web/public/style.css b/web/public/style.css index 393fbc9..fa8b217 100644 --- a/web/public/style.css +++ b/web/public/style.css @@ -406,10 +406,11 @@ button.btn-success:hover { flex-shrink: 0; } -.patch-description { +.step .patch-description { margin-top: 0.3rem; margin-left: 1.6rem; - font-size: 0.75rem; + margin-bottom: 0; + font-size: 0.72rem; color: var(--text-secondary); white-space: pre-line; line-height: 1.4; @@ -500,7 +501,7 @@ input[type="file"] { height: calc(7 * 1.5em + 1.5rem); } -.hint { +.step .hint { margin-top: 1rem; padding: 0.65rem 1rem; background: var(--success-bg); @@ -532,14 +533,20 @@ input[type="file"] { text-decoration: underline; } -.fallback-hint { - margin-top: 0.75rem; - font-size: 0.83rem; +.step .fallback-hint { + margin-top: 0.5rem; + margin-bottom: 1rem; + font-size: 0.78rem; color: var(--text-secondary); + line-height: 1.5; +} + +select + .fallback-hint { + margin-top: -0.5rem; } /* Install summary */ -.install-summary { +.step .install-summary { font-size: 0.93rem; color: var(--text); line-height: 1.6; @@ -555,7 +562,7 @@ input[type="file"] { margin-bottom: 0.75rem; } -.install-instructions .hint { +.step .install-instructions .hint { margin-top: 0; } @@ -570,7 +577,7 @@ input[type="file"] { padding: 0.1rem 0; } -.info-banner { +.step .info-banner { background: var(--primary-light); border: 1px solid #bfdbfe; color: #1e40af; @@ -596,6 +603,10 @@ input[type="file"] { font-size: 12px; } +[hidden] { + display: none !important; +} + select { display: block; width: 100%;