From 4573846c7b6053af84353c8b4a9fd406f9be986f Mon Sep 17 00:00:00 2001
From: Alice Gaudon <alice@gaudon.pro>
Date: Thu, 22 Apr 2021 20:05:24 +0200
Subject: [PATCH] Prevent shrunk url list from overflowing

---
 views/url-shrinker.njk | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/views/url-shrinker.njk b/views/url-shrinker.njk
index 62e5969..ba63f64 100644
--- a/views/url-shrinker.njk
+++ b/views/url-shrinker.njk
@@ -45,8 +45,8 @@
                 <thead>
                 <tr>
                     <th>#</th>
-                    <th class="table-col-grow">URL</th>
-                    <th>Target</th>
+                    <th class="table-col-grow">Target</th>
+                    <th>Actions</th>
                 </tr>
                 </thead>
 
@@ -54,13 +54,12 @@
                 {% for url in urls %}
                     <tr>
                         <td>{{ url.id }}</td>
-                        <td>
-                            <div class="copyable-text">
-                                <a class="content" href="{{ url.getURL() }}" target="_blank">{{ url.getURL() }}</a>
-                                <button class="copy-button"><i data-feather="copy"></i></button>
+                        <td class="table-col-grow-cell"><a href="{{ url.getURL() }}"><pre>{{ url.target_url }}</pre></a></td>
+                        <td class="actions">
+                            <div>
+                                <button class="copy-button" data-content="{{ url.getURL() }}"><i data-feather="copy"></i> <span class="tip">Copy URL</span></button>
                             </div>
                         </td>
-                        <td><pre>{{ url.target_url }}</pre></td>
                     </tr>
                 {% else %}
                     <tr>