From f6c3683ab812e21e529f8cd27468c7ffa2a65da5 Mon Sep 17 00:00:00 2001
From: Nick Sweeting <git@sweeting.me>
Date: Fri, 29 Jan 2021 00:15:28 -0500
Subject: [PATCH] fix snapshot favicon loading spinner height

---
 archivebox/index/html.py                      | 2 +-
 archivebox/themes/default/main_index_row.html | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/archivebox/index/html.py b/archivebox/index/html.py
index 91ff83cd..28f25fde 100644
--- a/archivebox/index/html.py
+++ b/archivebox/index/html.py
@@ -161,4 +161,4 @@ def snapshot_icons(snapshot) -> str:
             output += '<a href="{}" class="exists-{}" title="{}">{}</a> '.format(canon["archive_org_path"], str(exists),
                                                                                         "archive_org", icons.get("archive_org", "?"))
 
-    return format_html('<span class="files-icons" style="font-size: 1.1em; opacity: 0.8">{}<span>', mark_safe(output))
+    return format_html('<span class="files-icons" style="font-size: 1.1em; opacity: 0.8; min-width: 240px; display: inline-block">{}<span>', mark_safe(output))
diff --git a/archivebox/themes/default/main_index_row.html b/archivebox/themes/default/main_index_row.html
index cb821f61..bcc3e112 100644
--- a/archivebox/themes/default/main_index_row.html
+++ b/archivebox/themes/default/main_index_row.html
@@ -6,7 +6,7 @@
         {% if link.is_archived %}
             <a href="archive/{{link.timestamp}}/index.html"><img src="archive/{{link.timestamp}}/favicon.ico" class="link-favicon" decoding="async"></a>
         {% else %}
-            <a href="archive/{{link.timestamp}}/index.html"><img src="{% static 'spinner.gif' %}" class="link-favicon" decoding="async"></a>
+            <a href="archive/{{link.timestamp}}/index.html"><img src="{% static 'spinner.gif' %}" class="link-favicon" decoding="async" style="height: 15px"></a>
         {% endif %}
 
         <a href="archive/{{link.timestamp}}/index.html" title="{{link.title}}">
@@ -28,7 +28,7 @@
                 {{link.icons}} <small style="float:right; opacity: 0.5">{{link.num_outputs}}</small>
             {% else %}
                 <a href="archive/{{link.timestamp}}/index.html">📄 
-                    {{link.num_outputs}} <img src="{% static 'spinner.gif' %}" class="files-spinner" decoding="async"/>
+                    {{link.num_outputs}} <img src="{% static 'spinner.gif' %}" class="files-spinner" decoding="async" style="height: 15px"/>
                 </a>
             {% endif %}
         </span>