Options UI: added simple button icon

source/common/pages/options_ui/options_ui.css

@@ -6,12 +6,15 @@ ul {
 	border-bottom: 1px solid silver;
 	height: 2em;
 	margin-right: 5%;
-	margin-top: 0.5em;
+	margin-top: 1em;
 }
 
 #origins > li > button {
 	height: 100%;
+	width: 2em;
 	float: right;
-	border-radius: 50%;
-    background: grey;
+	background-image: url("deleteButton.png");
+	background-size: cover;
+	background-position: center center;
+	border: none;
 }
\ No newline at end of file

source/common/pages/options_ui/options_ui.js

@@ -74,8 +74,8 @@ document.addEventListener("DOMContentLoaded", function () {
 });
 
 function originsListDeleteHandler(evt){
-	if(evt.target && evt.target.nodeName == "LI") {
-		const origin = evt.target.getAttribute("origin");
+	if(evt.target && evt.target.nodeName == "BUTTON" && evt.target.parentNode.nodeName == "LI") {
+		const origin = evt.target.parentNode.getAttribute("origin");
 		debugMessage(origin + " was clicked");
 		platform.permissions.remove ({
 			origins: [origin]
@@ -83,7 +83,7 @@ function originsListDeleteHandler(evt){
 				if (removed) {
 					// The permissions have been removed.
 					debugMessage(origin + " permission removed");
-					evt.target.parentNode.removeChild(evt.target);
+					evt.target.parentNode.parentNode.removeChild(evt.target.parentNode);
 				} else {
 					// The permissions have not been removed (e.g., you tried to remove
 					// required permissions).