Introduced delete line function. No implementation yet

css/styles.css

@@ -90,16 +90,21 @@ homework-vocabulary-task > input {
 	width: 40%;
 }
 
-homework-vocabulary-task > #images {
-	display: flex;
-	flex-flow: row nowrap;
-}
-
 homework-vocabulary-task > img {
 	height: 1.1em;
 	width: 1.1em;
 }
 
+homework-vocabulary-task > img#delete:hover {
+	border-radius: .3em;
+	box-shadow: 0 0 2px 1px #707070;
+}
+
+homework-vocabulary-task > img#delete:active {
+	border-radius: .3em;
+	box-shadow: 0 0 3px 2px #707070;
+}
+
 homework-vocabulary-task > img.disabled {
 	display: none;
 }

javascript/homeworkVocabularyTask.js

@@ -11,10 +11,16 @@ class HomeworkVocabularyTask extends HomeworkElement {
     `
     this.setAttribute("result", "unknown")
     this.setAttribute("state", "edit")
+    this.deleteButton = this.querySelector('img#delete')
+    this.deleteButton.addEventListener("click", this.deleteTask.bind(this))
   }
 
   connectedCallback() {
     console.log("New task added to page")
   }
+
+  deleteTask() {
+    console.log("Delete line")
+  }
 }
 customElements.define('homework-vocabulary-task', HomeworkVocabularyTask)