test: improving CSS of modals for more responsiveness

Author: getify

test/index.html

@@ -5,8 +5,10 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>WebAuthn Local Client: Tests</title>
 <style>
-.modal-btn { display: inline-block; color: white; background-color: black; border: 0; border-radius: 0.25em; font-size: 1rem; }
 .toast-popup .swal2-html-container { white-space: nowrap; }
+.swal2-popup { font-size: 3vw; }
+.swal2-popup .swal2-html-container { font-size: unset !important; }
+.swal2-popup .modal-btn { display: inline-block; color: white; background-color: black; border: 0; border-radius: 0.25em; font-size: 1em !important; }
 ul { list-style-type: none; padding: 0; }
 ul li { margin: 0.7rem; }
 </style>