diff --git a/src/mobile-hud.js b/src/mobile-hud.js index acc0ae1..b7073b9 100644 --- a/src/mobile-hud.js +++ b/src/mobile-hud.js @@ -57,7 +57,7 @@ if (!isDesktopPointer.matches) { .steam-top-value { position: absolute; - top: 69%; + top: 63%; transform: translate(-50%, -50%); display: grid; place-items: center; @@ -78,7 +78,7 @@ if (!isDesktopPointer.matches) { .steam-speed { left: 9.3%; width: 7%; } .steam-heading { left: 21.2%; width: 12%; } - .steam-wave { left: 50%; top: 73%; width: 8%; } + .steam-wave { left: 50%; top: 67%; width: 8%; } .steam-hostiles { left: 65.4%; width: 7%; } .steam-kills { left: 78.2%; width: 7%; } .steam-range { left: 91.1%; width: 12%; } diff --git a/tests/wiring.test.mjs b/tests/wiring.test.mjs index e41820f..1668542 100644 --- a/tests/wiring.test.mjs +++ b/tests/wiring.test.mjs @@ -153,7 +153,8 @@ test('top HUD stat overlays use bounded tabular value slots', async () => { assert.match(source, /\.steam-speed \{ left: 9\.3%; width: 7%; \}/); assert.match(source, /\.steam-heading \{ left: 21\.2%; width: 12%; \}/); assert.match(source, /\.steam-range \{ left: 91\.1%; width: 12%; \}/); - assert.match(source, /\.steam-wave \{ left: 50%; top: 73%; width: 8%; \}/); + assert.match(source, /\.steam-top-value \{[\s\S]*?top: 63%/); + assert.match(source, /\.steam-wave \{ left: 50%; top: 67%; width: 8%; \}/); assert.match(source, /@media \(min-width: 700px\)[\s\S]*?\.steam-top-value \{[\s\S]*?font-size: clamp\(9px, 1\.15vw, 13px\)/); });