made url specific values manageable with "tabing"

options/options.css

@@ -125,7 +125,7 @@ input[type=""], input[type="text"], input[type="number"], select {
 }
 
 .urlValues {
-	padding-right: 1em;
+	padding-right: 1.15em;
 	position: relative;
 }
 .urlValues.collapsed table {
@@ -146,6 +146,9 @@ input[type=""], input[type="text"], input[type="number"], select {
 .urlValues table .reset, .urlValues table .add, .urlValues table .url {
 	cursor: pointer;
 	margin: 0 0.2em;
+	padding: 0;
+	border: none;
+	background-color: transparent;
 }
 .urlValues table .url {
 	min-width: 4em;
@@ -160,8 +163,11 @@ input[type=""], input[type="text"], input[type="number"], select {
 	right: 0;
 	text-align: center;
 	width: 1em;
-	height: 1em;
+	height: 2em;
 	cursor: pointer;
+	padding: 0;
+	border: none;
+	background-color: transparent;
 }
 .urlValues.collapsed .collapser::after {
 	content: "\25B6";

options/optionsGui.js

@@ -200,7 +200,7 @@
 			let container = document.createElement("div");
 			container.className = "urlValues " + (setting.getExpand()? "expanded": "collapsed");
 			container.appendChild(input);
-			var collapser = document.createElement("span");
+			var collapser = document.createElement("button");
 			collapser.classList.add("collapser");
 			container.appendChild(collapser);
 			collapser.addEventListener("click", function(){
@@ -227,6 +227,7 @@
 				if (url){
 					setting.set(setting.get(url), url);
 					newInput.value = "";
+					newInput.focus();
 				}
 			};
 			newInput.addEventListener("keypress", function(event){
@@ -235,7 +236,7 @@
 				}
 			});
 			footCell.appendChild(newInput);
-			let footPlus = document.createElement("span");
+			let footPlus = document.createElement("button");
 			footPlus.classList.add("add");
 			footPlus.textContent = "+";
 			footPlus.addEventListener("click", addURLSetting);
@@ -282,11 +283,13 @@
 					inputCell.appendChild(input);
 					row.appendChild(inputCell);
 					let clearCell = document.createElement("td");
-					clearCell.className = "reset";
-					clearCell.textContent = "\xD7";
-					clearCell.addEventListener("click", function(){
+					let clearButton = document.createElement("button");
+					clearButton.className = "reset";
+					clearButton.textContent = "\xD7";
+					clearButton.addEventListener("click", function(){
 						setting.reset(entry.url);
 					});
+					clearCell.appendChild(clearButton);
 					row.appendChild(clearCell);
 					body.appendChild(row);
 				});

releaseNotes.txt

@@ -6,6 +6,7 @@ Version 0.5.6:
 		- options gui improvements
 			- url specific values can be added by hitting enter in the input
 			- highlight "hide" icon when "tabing" to it
+			- made url specific values manageable with "tabing"
 	
 	fixes:
 		-