From d16f5e470452c497886296f4daafb3863b105ea8 Mon Sep 17 00:00:00 2001
From: Junwei Zhao <wahyd4@gmail.com>
Date: Sat, 5 Oct 2024 19:50:12 +1000
Subject: [PATCH] Update style

---
 data/db.sqlite3                        | Bin 192512 -> 192512 bytes
 links/templates/links/link_detail.html |  11 ++++++++---
 new_theme/static/css/dist/styles.css   |  11 +++++++++++
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/data/db.sqlite3 b/data/db.sqlite3
index 9e5478366946909c15d5f4a361376a42b80c2548..77b99d4240ce80744b07878c269a803a9826bebb 100644
GIT binary patch
delta 367
zcmZp8z}@hGdx8`bBf~@)Cm^{ofl*&{iV!ceCSy)!UUqSOa!zJ)c20h}RCAgB_A-6O
zz6;EfJV&RpGZ`@+-K?n4#iOJkFU7*($Y^9>WTI<mple{NU|?xwVrFGvsApzqVQFN+
zy!{yulN_^%B!4CY|8M@U{O|eq^Ka%~%fFC6bGn!SlhS5I13i9rHdbavMrNt)`SMIt
z6`1?E+^4fUFx4^v=@tj3C7T@uggK|%dNJ{_XBL!{88b}T9^}O|LsSUGIulD%Q;zL_
z;+Z%En3Wikrn46?xzr~ybTc%HHwtkvh%z`f@-+%`F^DrbIySO2if}TBt2;V!NM?i0
z)K4xgF3Hc;2XoN;V`*h%re|qpWMFKGOUB&DIW#!L-&a||Gaw|4mn);Bq@dVJfBK7N
MCWY;<3Yf&|0qPW8+yDRo

delta 340
zcmZp8z}@hGdx8`b!{3QAPC#;F0;9g@WFcN=O~#zeyzJum<ebdp?40~`$>uWs?PdCm
zeHWM|c%DsVXEI_uvRP4~i$_U8l7+#M$;iOSMAy(j*T7W4z|zXtz{<o#&&15q#L$9a
z^7dyuOmfUZ68!lL{J;6X^1tWb&%c>}E&syl5&}$0O#B&}6%F+G+1Z$x7#Su@ZqJuz
znySFu#}zc4-GQlgdYc2&5+<&O&5i=XoYQT+nE2QYjf_o9fyM@TG0hO2etABV*tP^F
z76E2OhF8<s3z%G_BN)0F8pRuhxEMqk92@x>g}E5S85|usB^$-3%dThA4Kp#eGBD7y
zv@|s`GI0(K4)OO@RsfsI%f-u;QBqQ1rLUi!pP!zSs+XLfs}B-YR&aE3c5#JB7X#(X
ZGqW@GO7iooG7|H_s+70CEMO9^2LL)^Tr~gy

diff --git a/links/templates/links/link_detail.html b/links/templates/links/link_detail.html
index 5a3ab04..a590b14 100644
--- a/links/templates/links/link_detail.html
+++ b/links/templates/links/link_detail.html
@@ -18,9 +18,14 @@
                     </span>
                 {% endif %}
             </h1>
-            <a href="{% url 'link_update' link.pk %}" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
-                {% trans "Edit" %}
-            </a>
+            <div class="flex space-x-2">
+                <a href="{{ link.original_url }}" target="_blank" class="bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded">
+                    {% trans "Go to link" %}
+                </a>
+                <a href="{% url 'link_update' link.pk %}" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
+                    {% trans "Edit" %}
+                </a>
+            </div>
         </div>
         <div class="px-4 py-5 sm:p-6">
             <dl class="grid grid-cols-1 gap-x-4 gap-y-8 sm:grid-cols-2">
diff --git a/new_theme/static/css/dist/styles.css b/new_theme/static/css/dist/styles.css
index d24755f..28e96c4 100644
--- a/new_theme/static/css/dist/styles.css
+++ b/new_theme/static/css/dist/styles.css
@@ -942,6 +942,12 @@ video {
   margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
 }
 
+.space-x-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
 .divide-y > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-y-reverse: 0;
   border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
@@ -1527,6 +1533,11 @@ video {
   background-color: rgb(185 28 28 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-green-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
+}
+
 .hover\:text-blue-800:hover {
   --tw-text-opacity: 1;
   color: rgb(30 64 175 / var(--tw-text-opacity));