Zpřístupnit správu DNS transferů na mobilu

[Kerrycek]

Problém

Na mobilním viewportu 320 × 800 používá stránka DNS transferů stále šestisloupcovou tabulku v horizontálním scrolleru. Destruktivní akce Smazat je v posledním sloupci mimo počáteční viewport a její dotykový cíl má pouze 32 px.

Problém se týká uživatelského i administrátorského pohledu, protože oba používají stejnou komponentu.

Reprodukce

1. Přihlásit se a otevřít DNS zónu s alespoň jedním transferem.
2. Nastavit viewport na 320 × 800.
3. Otevřít /app/dns/zones/:id/transfers nebo odpovídající administrátorskou cestu.
4. Bez vodorovného posunu není akce Smazat dostupná.

Automatizovaná reprodukce nad origin/main 23c7192 naměřila:

• viditelná šířka scrolleru: 286 px,
• skutečná šířka tabulky: 486 px,
• začátek tlačítka Smazat: x = 420 px,
• výška tlačítka: 32 px.

Očekávané chování

• Pod breakpointem md se transfery zobrazí jako čitelné karty.
• Protistrana, typ, TSIG klíč, čas vytvoření a konfigurace zůstanou dostupné.
• Smazat bude přímo ve viewportu a bude mít nejméně 44px dotykový cíl.
• Desktopová tabulka, API, mutace, potvrzovací dialog a stránkování zůstanou funkčně stejné.

Ověření

• Playwright pro explicitních 320 px ověří geometrii, nepřítomnost horizontálního přetečení, rozbalení konfigurace a otevření potvrzovacího dialogu bez mutace.
• Desktopový test ověří zachování tabulky a akcí.