From 3430bd23925e519f6e7854f18f2ef3d32b3cf4df Mon Sep 17 00:00:00 2001
From: Kiril Kovachev <Kiril.Kovachev@warwick.ac.uk>
Date: Wed, 16 Oct 2024 16:08:01 +0100
Subject: [PATCH] Wrap kanji entry in a Japanese-language div to ensure correct
 formatting

---
 kanken_online/templates/kanji.html | 54 ++++++++++++++++--------------
 1 file changed, 28 insertions(+), 26 deletions(-)

diff --git a/kanken_online/templates/kanji.html b/kanken_online/templates/kanji.html
index c3a18a7..be19344 100644
--- a/kanken_online/templates/kanji.html
+++ b/kanken_online/templates/kanji.html
@@ -11,34 +11,36 @@
 {% endblock %}
 
 {% block content %}
-<div id="kanji-and-meaning">
-  <div id="kanji-box">
-    <div id="character-box">
-      <span id="kanji">{{ kanji.character }}</span>
+<div id="entry" lang="ja">
+  <div id="kanji-and-meaning">
+    <div id="kanji-box">
+      <div id="character-box">
+        <span id="kanji">{{ kanji.character }}</span>
+      </div>
+      <div id="metadata-box">
+        <span id="joyo-class">{{ kanji.is_joyo }}</span>
+        <span id="level">{{ kanji.level }}級</span>
+        <span id="stroke-count">{{ kanji.strokes }}</span> (<span id="radical">{{ kanji.radical }}</span> + <span id="radical-added-strokes">{{ kanji.added_strokes }}</span>)
+      </div>
     </div>
-    <div id="metadata-box">
-      <span id="joyo-class">{{ kanji.is_joyo }}</span>
-      <span id="level">{{ kanji.level }}級</span>
-      <span id="stroke-count">{{ kanji.strokes }}</span> (<span id="radical">{{ kanji.radical }}</span> + <span id="radical-added-strokes">{{ kanji.added_strokes }}</span>)
+    <div id="meaning-box">
+      <p id="meanings">{{ kanji.meanings }}</p>
     </div>
   </div>
-  <div id="meaning-box">
-    <p id="meanings">{{ kanji.meanings }}</p>
+  <div id="readings-and-glyph-origin">
+    <div id="reading-box">
+      <ul id="reading-list-list">
+        {% if kanji.goon %}<li id="goon"><ul class="reading-list">{% for reading in kanji.goon %}<li class="goon-reading">{{reading|safe}}</li>{% endfor %}</ul></li>{% endif %}
+        {% if kanji.kanon %}<li id="kanon"><ul class="reading-list">{% for reading in kanji.kanon %}<li class="kanon-reading">{{reading|safe}}</li>{% endfor %}</ul></li>{% endif %}
+        {% if kanji.kanyoon %}<li id="kanyoon"><ul class="reading-list">{% for reading in kanji.kanyoon %}<li class="kanyoon-reading">{{reading|safe}}</li>{% endfor %}</ul></li>{% endif %}
+        {% if kanji.toon %}<li id="toon"><ul class="reading-list">{% for reading in kanji.toon %}<li class="toon-reading">{{reading|safe}}</li>{% endfor %}</ul></li>{% endif %}
+        {% if kanji.soon %}<li id="soon"><ul class="reading-list">{% for reading in kanji.soon %}<li class="soon-reading">{{reading|safe}}</li>{% endfor %}</ul></li>{% endif %}
+        {% if kanji.kun %}<li id="kun"><ul class="reading-list">{% for reading in kanji.kun %}<li class="kun-reading">{{reading|safe}}</li>{% endfor %}</ul></li>{% endif %}
+      </ul>
+    </div>
+    <div id="glyph-origin-box">
+      <p id="glyph-origin">{{ kanji.glyph_origin }}</p>
+    </div>
   </div>
+  {% endblock %}
 </div>
-<div id="readings-and-glyph-origin">
-  <div id="reading-box">
-    <ul id="reading-list-list">
-      {% if kanji.goon %}<li id="goon"><ul class="reading-list">{% for reading in kanji.goon %}<li class="goon-reading">{{reading|safe}}</li>{% endfor %}</ul></li>{% endif %}
-      {% if kanji.kanon %}<li id="kanon"><ul class="reading-list">{% for reading in kanji.kanon %}<li class="kanon-reading">{{reading|safe}}</li>{% endfor %}</ul></li>{% endif %}
-      {% if kanji.kanyoon %}<li id="kanyoon"><ul class="reading-list">{% for reading in kanji.kanyoon %}<li class="kanyoon-reading">{{reading|safe}}</li>{% endfor %}</ul></li>{% endif %}
-      {% if kanji.toon %}<li id="toon"><ul class="reading-list">{% for reading in kanji.toon %}<li class="toon-reading">{{reading|safe}}</li>{% endfor %}</ul></li>{% endif %}
-      {% if kanji.soon %}<li id="soon"><ul class="reading-list">{% for reading in kanji.soon %}<li class="soon-reading">{{reading|safe}}</li>{% endfor %}</ul></li>{% endif %}
-      {% if kanji.kun %}<li id="kun"><ul class="reading-list">{% for reading in kanji.kun %}<li class="kun-reading">{{reading|safe}}</li>{% endfor %}</ul></li>{% endif %}
-    </ul>
-  </div>
-  <div id="glyph-origin-box">
-    <p id="glyph-origin">{{ kanji.glyph_origin }}</p>
-  </div>
-</div>
-{% endblock %}
\ No newline at end of file