From 7d8fe66d439f9f6a05b665ce98ab6a34092ea306 Mon Sep 17 00:00:00 2001
From: Nick Sweeting <git@sweeting.me>
Date: Thu, 28 Jan 2021 22:35:21 -0500
Subject: [PATCH] consistent tags styling

---
 archivebox/themes/default/main_index.html     |  8 ++++++
 archivebox/themes/default/main_index_row.html | 25 +++++++++----------
 2 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/archivebox/themes/default/main_index.html b/archivebox/themes/default/main_index.html
index 95af1963..85753b31 100644
--- a/archivebox/themes/default/main_index.html
+++ b/archivebox/themes/default/main_index.html
@@ -185,6 +185,14 @@
             .title-col a {
                 color: black;
             }
+            .tags {
+                float: right;
+                border-radius: 5px;
+                background-color: #bfdfff;
+                padding: 2px 5px;
+                margin-left: 4px;
+                margin-top: 1px;
+            }
         </style>
         <link rel="stylesheet" href="{% static 'bootstrap.min.css' %}">
         <link rel="stylesheet" href="{% static 'jquery.dataTables.min.css' %}"/>
diff --git a/archivebox/themes/default/main_index_row.html b/archivebox/themes/default/main_index_row.html
index 7ca14479..cfbcbfe8 100644
--- a/archivebox/themes/default/main_index_row.html
+++ b/archivebox/themes/default/main_index_row.html
@@ -8,20 +8,19 @@
         {% else %}
             <a href="archive/{{link.timestamp}}/index.html"><img src="{% static 'spinner.gif' %}" class="link-favicon" decoding="async"></a>
         {% endif %}
-            <a href="archive/{{link.timestamp}}/{{link.canonical_outputs.wget_path}}" title="{{link.title}}">
-                <span data-title-for="{{link.url}}" data-archived="{{link.is_archived}}">{{link.title|default:'Loading...'}}</span>
-                <span class="tags" style="background-color: #79aec8">
-                    <a href="#">
-                        <span class="tag">
-                            {% if link.tags_str != None %}
-                                {{link.tags_str|default:''}}
-                            {% else %}
-                                {{ link.tags|default:'' }}
-                            {% endif %}
-                        </span>
-                    </a>
+
+        <a href="archive/{{link.timestamp}}/index.html" title="{{link.title}}">
+            <span data-title-for="{{link.url}}" data-archived="{{link.is_archived}}">{{link.title|default:'Loading...'}}</span>
+            {% if link.tags_str %}
+                <span class="tags" style="float: right; border-radius: 5px; background-color: #bfdfff; padding: 2px 5px; margin-left: 4px; margin-top: 1px;">
+                    {% if link.tags_str != None %}
+                        {{link.tags_str|default:''}}
+                    {% else %}
+                        {{ link.tags|default:'' }}
+                    {% endif %}
                 </span>
-            </a>
+            {% endif %}
+        </a>
     </td>
     <td>
         <a href="archive/{{link.timestamp}}/index.html">📄