keyboard: widen terse keys to fill screen space

Maximum width to fit intermediate media sizes (transition between cutoffs)
for the expected number of keys,

diff --git a/base.css b/base.css
index 73241da719b71b74d4f1a42732cb1636079b7dfd..805046324a3ddfbfd2ac61c07c783fb20908baff 100644 (file)
--- a/base.css
+++ b/base.css
@@ -960,6 +960,8 @@ body .magic-perma {
        .keys td {
                position: relative; /* hides overflow */
                width: 4.5em;
+               min-width: 6.5vw;
+               min-width: calc(7.7vw - 8px);
        }
        .keys td b,
        .keys .meta td b,