fix note1.3.0

2 files changed, 14 insertions, 11 deletions

diff --git a/anki-card-template/card.css b/anki-card-template/card.css
index 0f76b82..35c99ec 100644
--- a/anki-card-template/card.css
+++ b/anki-card-template/card.css
@@ -184,17 +184,20 @@ body {
 .mobile #card.vertical-layout #back #target-word-reading .reading .syllable { white-space: nowrap; }
 
 /* word note style */
-#card #target-word-reading {
-	display: inline-block;
-	position: relative;
-}
-.mobile #card #target-word-reading .note { left: 0.5em; }
+#card #target-word-reading .kanji { position: relative; }
 #card #target-word-reading .note {
 	position: absolute;
-	left: 1em;
-	top: 50%;
-	transform: translate(-100%, -50%);
 	font-style: italic;
 	opacity: 50%;
 	font-size: 0.75em;
 }
+#card #target-word-reading .note {
+	left: -0.25em;
+	top: 50%;
+	transform: translate(-100%, -50%);
+}
+.mobile #card.vertical-layout #target-word-reading .note {
+	top: -0.25em;
+	left: 50%;
+	transform: translate(-50%, -100%);
+}
diff --git a/anki-card-template/card.js b/anki-card-template/card.js
index 7e44b2e..18c8cb9 100644
--- a/anki-card-template/card.js
+++ b/anki-card-template/card.js
@@ -55,6 +55,9 @@ HTMLElement.prototype.parse = function() {
 
 		if (this.classList.contains("parse-brackets")) {
 			if (i == 0) {
+				// start kanji reading
+				out += `<span class="kanji">`;
+
 				var match = input.match(/\((.+?)\)/);
 				// display "(note)" before kanji
 				if (match) {
@@ -62,9 +65,6 @@ HTMLElement.prototype.parse = function() {
 					note_head = match.index;
 					note_tail = note_head + match[0].length;
 				}
-				// start kanji reading
-				out += `<span class="kanji">`;
-				continue;
 			}
 			// ignore note if parsed
 			if (i == note_head) { i += note_tail - 1; continue; }