1 files changed, 11 insertions, 10 deletions
diff --git a/anki-card-template/card.css b/anki-card-template/card.css
index c3505f4..627c4e3 100644
--- a/anki-card-template/card.css
+++ b/anki-card-template/card.css
@@ -14,7 +14,9 @@
 	--reading-kana-font-size: 1rem; /* font size of kana in reading field */
 	--native-font-size: 1.0rem; /* font size for generic native (latin) text */
 	--foreign-font-size: 1.5rem; /* font size for generic foreign (japanese) text */
-	--definition-marker-width: 2px; /* definition marker width (mobile vertical only) */
+	--definition-spacing: 0.75em; /* definition spacing (mobile vertical only) */
+	--definition-marker-width: 2em; /* definition marker width (mobile vertical only) */
+	--definition-marker-height: 2px; /* definition marker height (mobile vertical only) */
 	--definition-marker-opacity: 50%; /* definition marker opacity (mobile vertical only) */
 }
 .mobile #card {
@@ -255,28 +257,27 @@ body {
 }
 
 /* mobile definitions style */
-#card #target-word-translation .definitions .definition-separator::after {
-	content: ", ";
-}
+#card #target-word-translation .definitions .definition-separator::after { content: ", "; }
 .mobile #card.vertical-layout #target-word-translation .definitions .definition-separator { display: none; }
 .mobile #card.vertical-layout #target-word-translation .definitions .definition {
 	position: relative;
 	display: block;
 	max-width: max-content;
-	margin: 0 auto;
+	margin: var(--definition-spacing) auto;
 }
+.mobile #card.vertical-layout #target-word-translation .definitions .definition:last-child::before { display: none; }
 .mobile #card.vertical-layout #target-word-translation .definitions .definition::before {
 	content: "";
 	position: absolute;
-	left: -0.25em;
-	top: 0px;
-	bottom: 0px;
+	bottom: calc(-0.5 * var(--definition-spacing));
+	left: 50%;
+	right: 0px;
+	height: var(--definition-marker-height);
 	width: var(--definition-marker-width);
 	opacity: var(--definition-marker-opacity);
-	margin: 5px 0;
 	border-radius: 999px;
 	background-color: currentColor;
-	transform: translateX(-100%);
+	transform: translate(-50%, 50%);
 }
 
 /* indicator (pitch accent or word type) */