diff --git a/test.html b/test.html
index dff0a8533b..374ae9d450 100644
--- a/test.html
+++ b/test.html
@@ -67,11 +67,30 @@
}
.show-tokens .token {
- border: 1px solid;
- padding: 6px 1px;
+ border: 2px solid;
+ padding: 4px 5px;
+ display: inline-block;
+ position: relative;
+}
+.show-tokens .token:has(> .token):hover {
+ border-color: cornflowerblue;
+}
+.show-tokens .token:has(> .token):hover::before {
+ content: attr(class);
+ position: absolute;
+ font-size: 60%;
+ left: 0;
+ top: -15px;
+}
+.show-tokens .token:not(:has(> .token)):hover::before {
+ content: attr(class);
+ position: absolute;
+ font-size: 60%;
+ left: 0;
+ bottom: -15px;
}
.show-tokens .token > .token {
- padding: 4px 1px;
+ padding: 3px 1px;
}
.show-tokens .token > .token > .token {
padding: 2px 1px;