delete widgets

1 files changed, 19 insertions, 0 deletions

diff --git a/index.html b/index.html
index 1185e93..cedab54 100644
--- a/index.html
+++ b/index.html
@@ -127,11 +127,30 @@
 	.widget-name {
 		width: 10em;
 	}
+	.widget-delete {
+		position: absolute;
+		right: 0.2em;
+		top: 0.2em;
+		border: 0;
+	}
+	.widget-delete img {
+		width: 1.5em;
+	}
+	.widget-delete:hover, .widget-delete:active {
+		background-color: transparent;
+		outline: 0;
+		filter: brightness(50%);
+	}
 	.widget-choice {
 		width: 100%;
 		border-bottom: 0;
 		margin: 0;
 	}
+	.widget-choice:focus {
+		outline: 0;
+		border: 2px solid green;
+		z-index: 10;
+	}
 	#widget-choices {
 		margin: 0.2em;
 		border-bottom: 2px solid white;