web/app/src/views/TagsView.vue

@@ -140,12 +140,38 @@ export default {
 
     const tag_options = {
       columns: [
-        { title: "Name", field: "name", sorter: "string", editor: "input" },
+        {
+          title: "",
+          headerHozAlign: "right",
+          formatter: (cell) => {
+            const button = document.createElement("button");
+            button.classList.add("remove-tag-button");
+            button.innerHTML = "X";
+            button.addEventListener("click", () => {
+              const tag = cell.getRow().getData();
+              this.deleteTag(tag);
+            });
+
+            return button;
+          },
+          headerSort: false,
+          vertAlign: "center",
+        },
+        {
+          title: "Name",
+          field: "name",
+          sorter: "string",
+          editor: "input",
+          vertAlign: "center",
+        },
         {
           title: "Description",
           field: "description",
           sorter: "string",
           editor: "input",
+          vertAlign: "center",
+          width: 400,
+
           formatter(cell) {
             const cellValue = cell.getData().description;
             if (!cellValue) {