build: Bumped version to 5.0.8

actix/Cargo.lock

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

actix/Cargo.toml

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

resources/static/script.js

@@ -126,6 +126,7 @@ 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;";
@@ -142,7 +143,8 @@ const deleteButton = (shortUrl) => {
     };
     td.setAttribute("name", "deleteBtn");
     td.setAttribute("label", "Delete");
-    td.appendChild(btn);
+    div.appendChild(btn);
+    td.appendChild(div);
     return td;
 };
 

resources/static/styles.css

@@ -2,13 +2,13 @@
     font-family: Montserrat;
     font-style: normal;
     src: url('Montserrat.ttf');
-} 
+}
 
 @font-face {
     font-family: Montserrat;
     font-style: italic;
     src: url('Montserrat-Italic.ttf');
-} 
+}
 
 * {
     font-family: Montserrat;
@@ -28,14 +28,18 @@ table tr td div {
     overflow: auto;
 }
 
-td[name="deleteBtn"] {
+td[name="deleteBtn"] div {
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
-td[name="deleteBtn"] button {
-    border-radius: 50%;
+td[name="deleteBtn"] {
+    text-align: center;
+}
+
+td[name="deleteBtn"] div button {
+    border-radius: 100%;
     aspect-ratio: 1;
     border-style: solid;
     cursor: pointer;
@@ -98,7 +102,7 @@ dialog form {
     .pure-control-group input {
         width: 98%;
     }
-    
+
     table tr {
         border-bottom: 1px solid #999;
     }
@@ -110,6 +114,8 @@ dialog form {
     table td {
         display: flex;
         justify-content: left !important;
+        width: 98vw;
+        padding: .5em .1em !important;
     }
 
     table td::before {
@@ -120,13 +126,7 @@ dialog form {
         text-align: left;
     }
 
-    td[name="deleteBtn"] button {
-        border-radius: 50%;
-        aspect-ratio: 1;
-    }
-
     .pure-table caption {
         padding-top: 0px;
     }
-}
-
+}