From e8f59a6c9b1147f1f5fe71ea506a0fa69ac4dda2 Mon Sep 17 00:00:00 2001
From: Ian Gulliver <github@flamingcow.io>
Date: Thu, 5 Dec 2024 00:14:37 -0800
Subject: [PATCH] Try moving icons to the left

---
 static/list.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/static/list.html b/static/list.html
index cf7903e..f0d7e46 100644
--- a/static/list.html
+++ b/static/list.html
@@ -16,6 +16,7 @@ body {
 table {
     border-spacing: 0;
     width: 100%;
+    table-layout: fixed;
 }
 
 .bg0 {
@@ -31,6 +32,8 @@ td div {
     flex-direction: row;
     align-items: center;
     padding: 5px;
+    overflow: clip;
+    text-wrap: nowrap;
 }
 
 td:first-child {
@@ -111,11 +114,11 @@ document.addEventListener('DOMContentLoaded', () => {
                         </td>
                         <td>
                             <div>
-                                <a href="{{ .Long }}">{{ .Long }}</a>
                                 <sl-copy-button value="{{ .Long }}" style="color: var(--sl-color-neutral-400);"></sl-copy-button>
                                 <a href="./?long={{ .Long }}">
                                     <sl-icon name="plus-circle" style="color: var(--sl-color-neutral-400);"></sl-icon>
                                 </a>
+                                <a href="{{ .Long }}">{{ .Long }}</a>
                             </div>
                         </td>
                     </tr>