Update web/templates/entry_view.html

web/templates/entry_view.html

@@ -34,10 +34,21 @@
 
   <!-- Main card -->
   <div class="result-card">
-    <!-- SUBJECT as the main title -->
+    <!-- SUBJECT pills (WOL-linked) -->
-    <h1 class="subject-title">
+    <div class="subject-pills">
-      {{ entry.subject|default:"(no subject)" }}
+      {% if subject_list %}
-    </h1>
+        {% for s in subject_list %}
+          <a
+            class="chip chip-subject"
+            href="https://wol.jw.org/en/wol/l/r1/lp-e?q={{ s }}"
+            target="_blank" rel="noopener noreferrer"
+            title="Search WOL for {{ s }}"
+          >{{ s }}</a>
+        {% endfor %}
+      {% else %}
+        <span class="chip chip-muted">(no subject)</span>
+      {% endif %}
+    </div>
 
     <!-- ILLUSTRATION -->
     <div class="section">
@@ -70,9 +81,9 @@
               <a class="chip chip-link"
                 href="https://wol.jw.org/en/wol/l/r1/lp-e?q={{ sc|urlencode }}"
                 target="_blank" rel="noopener noreferrer">
-              {{ sc }}
+                {{ sc }}
-            </a>
+              </a>
-          {% endfor %}
+            {% endfor %}
           {% else %}—{% endif %}
         </div>
       </div>
@@ -101,4 +112,28 @@
   </div>
 
 </div>
+
+<!-- Subject pill tweaks (larger + bold) -->
+<style>
+  .subject-pills{
+    display:flex;
+    flex-wrap:wrap;
+    gap:10px;
+    margin:0 0 10px;
+  }
+  .chip-subject{
+    font-weight:700;
+    font-size:16px;
+    padding:8px 14px;
+    border-radius:999px;
+    background:#eef5fc;
+    border:1px solid #d7e6f7;
+    color:#0f172a;
+    text-decoration:none;
+  }
+  .chip-subject:hover{
+    background:#e2effc;
+    border-color:#c9def5;
+  }
+</style>
 {% endblock %}