Highlight drop targets on mouse over.

1 files changed, 25 insertions, 17 deletions

diff --git a/munia.html b/munia.html
index 2c736df..260abc9 100644
--- a/munia.html
+++ b/munia.html
@@ -4,28 +4,35 @@
   <title>Munia</title>
 <style>
 body {
-cursor: default;
+  cursor: default;
 }
 
 .task {
--webkit-touch-callout: none;
--webkit-user-select: none;
--khtml-user-select: none;
--moz-user-select: none;
--ms-user-select: none;
--o-user-select: none;
-user-select: none;
-cursor: move;
-background-color: grey;
-border-style: solid;
-border-width: medium;
-border-radius: 15px;
-padding: 4px;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+  cursor: move;
+  background-color: grey;
+  border-style: solid;
+  border-width: medium;
+  border-radius: 15px;
+  padding: 4px;
+  margin: 6px;
 }
 
-.task:hover
-{ 
-background-color:yellow;
+.task:hover { 
+  background-color:yellow;
+}
+
+.board {
+  background-color: #666;
+  width: *;
+  min-height: 300px;
+  padding: 20px;
 }
 </style>
 </head>
@@ -35,6 +42,7 @@ background-color:yellow;
 <input type="button" value="submit" onclick="submit()"/>
 <div id="wslm_lastmsg"></div>
 </div>
+<div id="board" class="board"></div>
 <script type="text/javascript" charset="utf-8" src="/proto.js"></script>
 
 </body>