From 84a3bc1e5b4863ceb5ea57a3d687a0416d7e9416 Mon Sep 17 00:00:00 2001
From: TolaMironcenko <mironcenkotola@gmail.com>
Date: Wed, 9 Jul 2025 17:57:45 +0700
Subject: [PATCH] changed delete button style

---
 frontend/js/icons.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/js/icons.js b/frontend/js/icons.js
index 8d6b829..6bb4fec 100644
--- a/frontend/js/icons.js
+++ b/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>`;