From f466fe721885877d473e66d22caef060919524ea Mon Sep 17 00:00:00 2001
From: Alex Yatskov <alex@foosoft.net>
Date: Sun, 24 Apr 2016 20:50:27 -0700
Subject: Styling work

---
 util/tmpl/kanji.html | 50 ++++++++++++++++++++++++++------------------------
 1 file changed, 26 insertions(+), 24 deletions(-)

(limited to 'util/tmpl/kanji.html')

diff --git a/util/tmpl/kanji.html b/util/tmpl/kanji.html
index d9e7ffcf..603872ae 100644
--- a/util/tmpl/kanji.html
+++ b/util/tmpl/kanji.html
@@ -1,29 +1,31 @@
 <div class="definition">
-    <div class="kanji">{{character}}</div>
+    <div class="kanji-info kanji-glyph">{{character}}</div>
 
-    <div class="readings">
-        <dl>
-            {{#if kunyomi}}
-            <dt>Kunyomi:</dt>
-            {{#each kunyomi}}
-            <dd>{{.}}{{#unless @last}}, {{/unless}}</dd>
-            {{/each}}
-            {{/if}}
+    {{#if glossary}}
+    <dl class="kanji-info">
+        <dt>Meanings</dt>
+        {{#each glossary}}
+        <dd>{{.}}</dd>
+        {{/each}}
+    </dl>
+    {{/if}}
 
-            {{#if onyomi}}
-            <dt>Onyomi:</dt>
-            {{#each onyomi}}
-            <dd>{{.}}{{#unless @last}}, {{/unless}}</dd>
-            {{/each}}
-            {{/if}}
-        </dl>
-    </div>
+    {{#if kunyomi}}
+    <dl class="kanji-info">
+        <dt>Kun</dt>
+        {{#each kunyomi}}
+        <dd>{{.}}</dd>
+        {{/each}}
+    </dl>
+    {{/if}}
 
-    <div class="glossary">
-        <ol>
-            {{#each glossary}}
-            <li><span>{{.}}</span></li>
-            {{/each}}
-        </ol>
-    </div>
+    {{#if onyomi}}
+    <dl class="kanji-info">
+        <dt>On</dt>
+        {{#each onyomi}}
+        <dd>{{.}}</dd>
+        {{/each}}
+    </dl>
+    {{/if}}
+</div>
 </div>
-- 
cgit v1.2.3