Bootstrap Icon hozzáadása

src/WorkFlowCheck.Web/Pages/UserAndRole/RolePage.cshtml

@@ -7,7 +7,9 @@
 
 <div class="card shadow p-4">
     <div class="d-flex justify-content-end">
-        <button id="newRoleBtn" class="btn btn-primary float-right new-btn">Új elem hozzáadása</button>
+        <button id="newRoleBtn" class="btn btn-primary float-right new-btn" data-bs-toggle="tooltip" data-bs-placement="top" title="Új szabály">
+            <i class="bi bi-plus-square"></i>
+        </button>
     </div>
     <table id="tbRolesPage" class="table table-bordered table-hover table-sm" style="width:100%">
         <thead class="table-primary">
@@ -39,9 +41,7 @@
                     { data: "id" },
                     { data: "roleName" },
                     { data: null, render: function (data, type, row) {
-                        return `<button class="btn btn-primary edit-btn" data-id="${row.id}">Módosítás</button>
-                                <button class="btn btn-danger delete-btn" data-id="${row.id}">Törlés</button>
-                               `;
+                        return renderActionButtons(row.id);
                     }}
                 ],
                 columnDefs: [
@@ -52,7 +52,7 @@
                     {
                         "targets": 2,
                         "className": "text-center",
-                        "width": "15%"
+                        "width": "10%"
                     }
                 ],