| @@ -58,11 +58,11 @@ | ||
| 58 | 58 | position: relative; |
| 59 | 59 | } |
| 60 | 60 | |
| 61 | 61 | .snippet-editor-help { |
| 62 | - position: absolute; | |
| 63 | 62 | inset-inline-end: 5px; |
| 64 | 63 | inset-block-start: 5px; |
| 64 | + position: absolute; | |
| 65 | 65 | |
| 66 | 66 | td { |
| 67 | 67 | &:first-child { |
| 68 | 68 | padding-inline-end: 0.5em; |
| @@ -71,19 +71,28 @@ | ||
| 71 | 71 | @media (width >= 512px) { |
| 72 | 72 | white-space: nowrap; |
| 73 | 73 | } |
| 74 | 74 | } |
| 75 | +} | |
| 75 | 76 | |
| 76 | - .mac-key { | |
| 77 | - display: none; | |
| 77 | +.mac-keyboard-shortcut { | |
| 78 | + text-align: end; | |
| 79 | + | |
| 80 | + kbd { | |
| 81 | + font-family: inherit; | |
| 82 | + padding: 0; | |
| 83 | + margin: 0; | |
| 78 | 84 | } |
| 85 | +} | |
| 79 | 86 | |
| 80 | - .platform-mac { | |
| 81 | - .mac-key { | |
| 82 | - display: inline; | |
| 83 | - } | |
| 87 | +.pc-keyboard-shortcut { | |
| 88 | + display: inline-flex; | |
| 89 | + align-items: center; | |
| 90 | + gap: 3px; | |
| 84 | 91 | |
| 85 | - .pc-key { | |
| 86 | - display: none; | |
| 87 | - } | |
| 92 | + kbd { | |
| 93 | + font-family: inherit; | |
| 94 | + margin: 0; | |
| 95 | + padding-block: 0; | |
| 96 | + padding-inline: 2px; | |
| 88 | 97 | } |
| 89 | 98 | } |
