rearrange widgets

1 files changed, 16 insertions, 5 deletions

diff --git a/index.html b/index.html
index e3b344b..f86013e 100644
--- a/index.html
+++ b/index.html
@@ -139,17 +139,28 @@
 	.widget[data-display="1"] {
 		background: #ff04;
 	}
+	.widget.dragging {
+		background: #aaf6;
+	}
 	.widget-title {
 		font-weight: bold;
 	}
-	.widget-delete {
+	.widget-button {
+		width: 1.5em;
+		height: 1.5em;
 		border: 0;
+		margin-top: 0.2em;
+		vertical-align: top;
+		background-size: contain;
 	}
-	.widget-delete img {
-		width: 1.5em;
-		vertical-align: bottom;
+	.widget-move {
+		background-image: url(move.svg);
 	}
-	.widget-delete:hover, .widget-delete:active {
+	.widget-delete {
+		background-image: url(x.svg);
+	}
+	
+	.widget-button:hover, .widget-button:active {
 		background-color: transparent;
 		outline: 0;
 		filter: saturate(500%);