aligned text on createHtmlTask

Huthaifa-Dev · Sep 16, 2022 · 93d6f18 · 93d6f18
1 parent d0b3cb1
commit 93d6f18
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/src/scripts/dist/index.dev.js b/src/scripts/dist/index.dev.js
@@ -113,7 +113,7 @@ function emptyForm() {
 }
 
 function createHtmlTask(taskData) {
-  return "<li class=\"main_tasks-item\" data-id=\"".concat(taskData.id, "\" data-isDone=\"").concat(taskData.isDone, "\">\n                <div class=\"details\">\n                    <p class=\"details_name\">").concat(taskData.name, "</p>\n                    <p class=\"details_assignee\">").concat(taskData.assignee, "</p>\n                </div>\n                <div class=\"control\">\n                    <button onClick=\"removeHandler(").concat(taskData.id, ")\" class=\"control_button-delete\">\u274C</button>\n                    <button onClick=\"markHandler(").concat(taskData.id, ")\" class=\"control_button-done\">\u2714\uFE0F</button>\n                </div>\n            </li> ");
+  return "\n    <li class=\"main_tasks-item\" data-id=\"".concat(taskData.id, "\" data-isDone=\"").concat(taskData.isDone, "\">\n        <div class=\"details\">\n            <p class=\"details_name\">").concat(taskData.name, "</p>\n            <p class=\"details_assignee\">").concat(taskData.assignee, "</p>\n        </div>\n        <div class=\"control\">\n            <button onClick=\"removeHandler(").concat(taskData.id, ")\" class=\"control_button-delete\">\u274C</button>\n            <button onClick=\"markHandler(").concat(taskData.id, ")\" class=\"control_button-done\">\u2714\uFE0F</button>\n        </div>\n    </li> ");
 }
 
 function createHtmlConfirm(taskData) {

diff --git a/src/scripts/index.js b/src/scripts/index.js
@@ -104,16 +104,17 @@ function emptyForm() {
 }
 
 function createHtmlTask(taskData) {
-    return `<li class="main_tasks-item" data-id="${taskData.id}" data-isDone="${taskData.isDone}">
-                <div class="details">
-                    <p class="details_name">${taskData.name}</p>
-                    <p class="details_assignee">${taskData.assignee}</p>
-                </div>
-                <div class="control">
-                    <button onClick="removeHandler(${taskData.id})" class="control_button-delete">❌</button>
-                    <button onClick="markHandler(${taskData.id})" class="control_button-done">✔️</button>
-                </div>
-            </li> `
+    return `
+    <li class="main_tasks-item" data-id="${taskData.id}" data-isDone="${taskData.isDone}">
+        <div class="details">
+            <p class="details_name">${taskData.name}</p>
+            <p class="details_assignee">${taskData.assignee}</p>
+        </div>
+        <div class="control">
+            <button onClick="removeHandler(${taskData.id})" class="control_button-delete">❌</button>
+            <button onClick="markHandler(${taskData.id})" class="control_button-done">✔️</button>
+        </div>
+    </li> `
 }
 
 function createHtmlConfirm(taskData) {