@hanology/cham-browser 0.4.80 → 0.4.82

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanology/cham-browser",
-  "version": "0.4.80",
+  "version": "0.4.82",
   "description": "CHAM — browser-compatible parser, serializer, and site generator for Classical Han Annotated Markdown",
   "type": "module",
   "main": "dist/index.js",

package/template/src/components/AnnotationTooltip.vue

@@ -485,35 +485,49 @@ onBeforeUnmount(() => {
   overflow-x: auto;
   flex: 1;
   min-width: 0;
+  align-items: stretch;
 }
 
 .ann-card.vertical .ann-entry {
-  flex-shrink: 0;
-  border-bottom: none;
-  margin: 0 3px;
-  border-right: 1px solid var(--border-light);
   writing-mode: vertical-rl;
   text-orientation: mixed;
   display: flex;
   flex-direction: row;
+  align-items: flex-start;
+  flex-shrink: 0;
+  padding: 0 6px;
+  margin: 0;
+  border-bottom: none;
+  border-right: 1px solid var(--border-light);
 }
 
 .ann-card.vertical .ann-entry:first-child {
+  padding: 0 6px;
   border-right: none;
 }
 
 .ann-card.vertical .ann-card-close {
   writing-mode: horizontal-tb;
-  top: 4px;
-  left: 4px;
+  position: relative;
+  top: auto;
+  left: auto;
+  align-self: flex-start;
+  opacity: 0.5;
+  margin: 4px;
+  flex-shrink: 0;
 }
 
-.ann-card.vertical .ann-pron-h {
-  writing-mode: vertical-lr;
+.ann-card.vertical .ann-entry-header {
+  gap: 4px;
+  margin-bottom: 4px;
 }
 
 .ann-card.vertical .ann-entry-body {
-  padding-left: 0;
+  padding: 0;
+}
+
+.ann-card.vertical .ann-pron-h {
+  writing-mode: vertical-lr;
 }
 
 .ann-card.vertical .ann-text {
@@ -521,10 +535,6 @@ onBeforeUnmount(() => {
   line-height: 2;
 }
 
-.ann-card.vertical .ann-entry-header {
-  gap: 4px;
-}
-
 .ann-card.vertical .ann-entry:last-child {
   border-right: none;
 }