actix/Cargo.lock

@@ -475,7 +475,7 @@ checksum = "baf1de4339761588bc0619e3cbc0120ee582ebb74b53b4efbf79117bd2da40fd"
 
 [[package]]
 name = "chhoto-url"
-version = "5.0.8"
+version = "5.0.7"
 dependencies = [
  "actix-files",
  "actix-session",

actix/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "chhoto-url"
-version = "5.0.8"
+version = "5.0.7"
 edition = "2021"
 authors = ["Sayantan Santra <sayantan[dot]santra689[at]gmail[dot]com"]
 license = "mit"

resources/static/script.js

@@ -126,7 +126,6 @@ const A_SHORT_INSECURE = (s, t) => `<a href="${t}/${s}">${s}</a>`;
 
 const deleteButton = (shortUrl) => {
     const td = document.createElement("td");
-    const div = document.createElement("div");
     const btn = document.createElement("button");
 
     btn.innerHTML = "&times;";
@@ -143,8 +142,7 @@ const deleteButton = (shortUrl) => {
     };
     td.setAttribute("name", "deleteBtn");
     td.setAttribute("label", "Delete");
-    div.appendChild(btn);
+    td.appendChild(btn);
-    td.appendChild(div);
     return td;
 };
 

resources/static/styles.css

@@ -28,18 +28,14 @@ table tr td div {
     overflow: auto;
 }
 
-td[name="deleteBtn"] div {
+td[name="deleteBtn"] {
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
-td[name="deleteBtn"] {
+td[name="deleteBtn"] button {
-    text-align: center;
+    border-radius: 50%;
-}
-
-td[name="deleteBtn"] div button {
-    border-radius: 100%;
     aspect-ratio: 1;
     border-style: solid;
     cursor: pointer;
@@ -114,8 +110,6 @@ dialog form {
     table td {
         display: flex;
         justify-content: left !important;
-        width: 98vw;
-        padding: .5em .1em !important;
     }
 
     table td::before {
@@ -126,7 +120,13 @@ dialog form {
         text-align: left;
     }
 
+    td[name="deleteBtn"] button {
+        border-radius: 50%;
+        aspect-ratio: 1;
+    }
+
     .pure-table caption {
         padding-top: 0px;
     }
 }
+