From a9af9fddbb5d6043e586a4728ec4c198390b9ef9 Mon Sep 17 00:00:00 2001
From: SinTan1729 <sayantan.santra689@gmail.com>
Date: Wed, 9 Nov 2022 21:49:33 -0600
Subject: [PATCH] Remove the ugly shadow in delete button

---
 src/main/resources/public/index.html | 7 +++++++
 src/main/resources/public/js/main.js | 1 -
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/main/resources/public/index.html b/src/main/resources/public/index.html
index b9049a4..cb33459 100644
--- a/src/main/resources/public/index.html
+++ b/src/main/resources/public/index.html
@@ -44,6 +44,13 @@
         td[name="deleteBtn"] {
             text-align: center;
         }
+
+        td[name="deleteBtn"] button {
+            border-radius: 50%;
+            border-style: solid;
+            cursor: pointer;
+            background-color: transparent;
+        }
     </style>
 </head>
 
diff --git a/src/main/resources/public/js/main.js b/src/main/resources/public/js/main.js
index ae78bb6..862d045 100644
--- a/src/main/resources/public/js/main.js
+++ b/src/main/resources/public/js/main.js
@@ -59,7 +59,6 @@ const deleteButton = (shortUrl) => {
     const btn = document.createElement("button");
 
     btn.innerHTML = "&times;";
-    btn.setAttribute("style", "border-radius: 50%;");
 
     btn.onclick = e => {
         e.preventDefault();