From 98870ba428ce2bcde67294140b8e50eb5a8c91b1 Mon Sep 17 00:00:00 2001
From: Nick Sweeting <git@nicksweeting.com>
Date: Wed, 27 Mar 2019 03:56:38 -0400
Subject: [PATCH] fit bigger titles with tighter spacing

---
 archivebox/templates/index.html      |  2 +-
 archivebox/templates/link_index.html | 16 ++++++++++------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/archivebox/templates/index.html b/archivebox/templates/index.html
index f5cf2785..f78e89a6 100644
--- a/archivebox/templates/index.html
+++ b/archivebox/templates/index.html
@@ -25,7 +25,7 @@
                 margin: 0px;
                 text-align: center;
                 color: white;
-                font-size: calc(11px + 0.86vw);
+                font-size: calc(11px + 0.84vw);
                 font-weight: 200;
                 padding: 4px 4px;
                 border-bottom: 3px solid #aa1e55;
diff --git a/archivebox/templates/link_index.html b/archivebox/templates/link_index.html
index ea5d3e71..a450a525 100644
--- a/archivebox/templates/link_index.html
+++ b/archivebox/templates/link_index.html
@@ -15,6 +15,9 @@
             small {
                 font-weight: 200;
             }
+            header a:hover {
+                text-decoration: none;
+            }
             .header-top {
                 width: 100%;
                 height: auto;
@@ -22,7 +25,7 @@
                 margin: 0px;
                 text-align: center;
                 color: white;
-                font-size: calc(11px + 0.86vw);
+                font-size: calc(11px + 0.84vw);
                 font-weight: 200;
                 padding: 4px 4px;
                 background-color: #aa1e55;
@@ -242,7 +245,7 @@
                         </a>
                         <a href="#">Page Details</a>&nbsp;&nbsp;
                         <br/>
-                        <small style="margin-top: 5px; display: block">
+                        <small style="margin-top: 5px; display: block; opacity: 0.7">
                             <a href="../../index.html">Home</a> &nbsp; | &nbsp; 
                             <a href="https://github.com/pirate/ArchiveBox">Github</a> &nbsp; | &nbsp; 
                             <a href="https://github.com/pirate/ArchiveBox/wiki">Documentation</a>
@@ -250,15 +253,16 @@
                     </div>
                     <div class="col-lg-6">
                         <img src="$link_dir/$favicon_url" alt="Favicon">
-                        &nbsp; &nbsp;
-                        $title<br/>
+                        &nbsp;&nbsp;
+                        $title
+                        &nbsp;&nbsp;
+                        <a href="#" class="header-toggle">▾</a>
+                        <br/>
                         <small>
                             <a href="$url" title="Toggle info panel..." class="header-url" title="$url">
                                 $base_url
                             </a>
                         </small>
-                        &nbsp; &nbsp;
-                        <a href="#" class="header-toggle">▾</a>
                     </div>
                 </div>
             </div>