From 4e75017df690bec205be5b9b192106bfd9aa9c3e Mon Sep 17 00:00:00 2001
From: xenofem <xenofem@xeno.science>
Date: Tue, 19 Mar 2024 14:28:29 -0400
Subject: [PATCH] add page counts to work info tables

---
 dlibrary/static/dlibrary.css | 12 ++++++++----
 dlibrary/templates/work.html | 20 ++++++++++++--------
 2 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/dlibrary/static/dlibrary.css b/dlibrary/static/dlibrary.css
index 00c1846..52f3696 100644
--- a/dlibrary/static/dlibrary.css
+++ b/dlibrary/static/dlibrary.css
@@ -139,19 +139,19 @@ body {
 
 .work-info td, .work-info th {
     vertical-align: top;
+    padding-top: 5px;
 }
 
-.work-info td {
-    padding-top: 5px;
+.work-info tr.bubbles th {
+    padding-top: 14px;
 }
 
 .work-info th {
     text-align: right;
     padding-right: 10px;
-    padding-top: 10px;
 }
 
-.work-info-link {
+.bubbles a {
     background: #333;
     padding: 5px;
     border-radius: 5px;
@@ -159,6 +159,10 @@ body {
     margin-bottom: 5px;
 }
 
+.work-info table {
+    margin-bottom: 15px;
+}
+
 #suggested-subheader {
     text-align: center;
 }
diff --git a/dlibrary/templates/work.html b/dlibrary/templates/work.html
index e622c0b..e3aae67 100644
--- a/dlibrary/templates/work.html
+++ b/dlibrary/templates/work.html
@@ -12,29 +12,33 @@
   <div class="work-info">
     <table>
       {% if work['circle'] %}
-      <tr>
+      <tr class="bubbles">
         <th>Circle</th>
-        <td><a class="work-info-link" href="{{ root() }}/circles/{{ urlcat(work['circle']) }}/{{ index() }}">{{ work['circle'] }}</a></td>
+        <td><a href="{{ root() }}/circles/{{ urlcat(work['circle']) }}/{{ index() }}">{{ work['circle'] }}</a></td>
       </tr>
       {% endif %}
       {% if work['authors'] %}
-      <tr>
+      <tr class="bubbles">
         <th>Authors</th>
-        <td>{% for author in work['authors'] %}<a class="work-info-link" href="{{ root() }}/authors/{{ urlcat(author) }}/{{ index() }}">{{ author }}</a> {% endfor %}</td>
+        <td>{% for author in work['authors'] %}<a href="{{ root() }}/authors/{{ urlcat(author) }}/{{ index() }}">{{ author }}</a> {% endfor %}</td>
       </tr>
       {% endif %}
       {% if work['tags'] %}
-      <tr>
+      <tr class="bubbles">
         <th>Tags</th>
-        <td>{% for tag in work['tags'] %}<a class="work-info-link" href="{{ root() }}/tags/{{ urlcat(tag) }}/{{ index() }}">{{ tag }}</a> {% endfor %}</td>
+        <td>{% for tag in work['tags'] %}<a href="{{ root() }}/tags/{{ urlcat(tag) }}/{{ index() }}">{{ tag }}</a> {% endfor %}</td>
       </tr>
       {% endif %}
       {% if work['series'] %}
-      <tr>
+      <tr class="bubbles">
         <th>Series</th>
-        <td><a class="work-info-link" href="{{ root() }}/series/{{ urlcat(work['series']) }}/{{ index() }}">{{ work['series'] }}</a></td>
+        <td><a href="{{ root() }}/series/{{ urlcat(work['series']) }}/{{ index() }}">{{ work['series'] }}</a></td>
       </tr>
       {% endif %}
+      <tr>
+        <th>Pages</th>
+        <td>{{ work['images'] | length }}</td>
+      </tr>
     </table>
     {% if work['description'] %}
     {{ work['description'] }}