changed delete button style

frontend/js/icons.js

@@ -12,12 +12,21 @@ const renderIcons = () => {
   iconsArea.innerHTML = "";
   icons.map((icon) => {
     iconsArea.innerHTML += `<div class="card" style="width: 16rem;">
+    <div class="card-header d-flex justify-content-between">
+    <button
+        type="button"
+        style="margin-left: auto"
+        data-bs-dismiss="modal"
+        aria-label="Close"
+        class="btn-close delcard"
+        id="${icon.key}"
+    ></button>
+    </div>
       <img src="${icon.img}" alt="${icon.alt}" class="card-img-top">
       <div class="card-body">
         <h5 class="card-title" style="text-align: center;">${icon.text}</h5>
         <div class="d-flex flex-column gap-2">
           <a href="${icon.href}" class="btn btn-primary" style="width: 100%;">Visit</a>
-          <button class="btn btn-danger delcard" style="width: 100%" id="${icon.key}">Delete</button>
         </div>
       </div>
     </div>`;