styling

4 files changed, 61 insertions, 4 deletions

diff --git a/tmpl/kanji.html b/tmpl/kanji.html
index eda8b8e4..a14fff78 100644
--- a/tmpl/kanji.html
+++ b/tmpl/kanji.html
@@ -36,13 +36,13 @@
 
     <div class="kanji-glossary">
         {{#if glossary.[1]}}
-        <ol>
+        <ol "kanji-glossary-group">
             {{#each glossary}}
-            <li><span>{{.}}</span></li>
+            <li><span class="kanji-glossary-item">{{.}}</span></li>
             {{/each}}
         </ol>
         {{else}}
-        <p>{{glossary.[0]}}</p>
+        <div class="kanji-glossary-group kanji-glossary-item">{{glossary.[0]}}</div>
         {{/if}}
     </div>
 </div>
diff --git a/tmpl/term-grouped-list.html b/tmpl/term-grouped-list.html
new file mode 100644
index 00000000..6156ab7b
--- /dev/null
+++ b/tmpl/term-grouped-list.html
@@ -0,0 +1,7 @@
+{{#if definitions}}
+    {{#each definitions}}
+    {{> term-grouped.html addable=../addable playback=../playback}}
+    {{/each}}
+{{else}}
+    <p>No results found</p>
+{{/if}}
diff --git a/tmpl/term-grouped.html b/tmpl/term-grouped.html
new file mode 100644
index 00000000..ac15a126
--- /dev/null
+++ b/tmpl/term-grouped.html
@@ -0,0 +1,50 @@
+<div class="term-definition">
+    <div class="action-bar">
+        {{#if addable}}
+        <a href="#" title="Add term as expression" class="action-add-note pending disabled" data-mode="term_kanji" data-index="{{@index}}"><img src="img/add_term_kanji.png"></a>
+        <a href="#" title="Add term as reading" class="action-add-note pending disabled" data-mode="term_kana" data-index="{{@index}}"><img src="img/add_term_kana.png"></a>
+        {{/if}}
+        {{#if playback}}
+        <a href="#" title="Play audio" class="action-play-audio" data-index="{{@index}}"><img src="img/play_audio.png"></a>
+        {{/if}}
+    </div>
+
+    {{#if reading}}
+    <div class="term-expression"><ruby>{{#kanjiLinks}}{{expression}}{{/kanjiLinks}}<rt>{{reading}}</rt></ruby></div>
+    {{else}}
+    <div class="term-expression">{{#kanjiLinks}}{{expression}}{{/kanjiLinks}}</div>
+    {{/if}}
+
+    {{#if reasons}}
+    <div class="term-reasons">
+        {{#each reasons}}
+        <span class="reasons">{{.}}</span> {{#unless @last}}&laquo;{{/unless}}
+        {{/each}}
+    </div>
+    {{/if}}
+
+    <div class="term-glossary">
+        <ol>
+            {{#each definitions}}
+            <li>
+                {{#if tags}}
+                <div class="term-tags">
+                    {{#each tags}}
+                    <span class="tag tag-{{category}}" title="{{notes}}">{{name}}</span>
+                    {{/each}}
+                </div>
+                {{/if}}
+                {{#if glossary.[1]}}
+                <ul class="term-glossary-group">
+                    {{#each glossary}}
+                    <li><span class="term-glossary-item">{{.}}</span></li>
+                    {{/each}}
+                </ul>
+                {{else}}
+                <div class="term-glossary-group term-glossary-item">{{glossary.[0]}}</div>
+                {{/if}}
+            </li>
+            {{/each}}
+        </ol>
+    </div>
+</div>
diff --git a/tmpl/term.html b/tmpl/term.html
index b4d72d4b..a6ae2d26 100644
--- a/tmpl/term.html
+++ b/tmpl/term.html
@@ -31,7 +31,7 @@
         {{#if glossary.[1]}}
         <ol>
             {{#each glossary}}
-            <li><span>{{.}}</span></li>
+            <li><span class="term-glossary-item">{{.}}</span></li>
             {{/each}}
         </ol>
         {{else}}