1 files changed, 45 insertions, 16 deletions
diff --git a/src/ws/munia.css b/src/ws/munia.css
index 8eeebba..38b435f 100644
--- a/src/ws/munia.css
+++ b/src/ws/munia.css
@@ -27,12 +27,20 @@ body
 	border-width: 1px;
 	border-color: black;
 	border-radius: 3px;
-	padding: 6px;
-	margin: 10px;
-/*	max-width: 800px;*/
+	padding: 0px;
+	margin: 0px;
 	margin-left: auto;
 	margin-right: auto;
-	overflow: hidden;
+}
+
+.node + .node
+{
+	margin-top: 12px;
+}
+
+.node .data
+{
+	background-color: grey;
 }
 
 .node .id
@@ -52,9 +60,27 @@ body
 	pointer-events: none;
 }
 
+.node .state
+{
+	float: right;
+	padding-left: 5px;
+	padding-right: 5px;
+	background: transparent;
+	pointer-events: none;
+}
+
+.node .description
+{
+	clear: both;
+	padding-left: 5px;
+	background: transparent;
+	pointer-events: none;
+}
+
 .node .edit
 {
 	border-color: red;
+	pointer-events: all;
 /*
 	border: inherit;
 	padding: inherit;
@@ -63,30 +89,33 @@ body
 */
 }
 
-.node .add_button
+.node .button
 {
 	float: right;
 	display: inline-box;
 	width: 1em;
 	height: 1em;
-	font-size: 0.5em;
+	font-size: 0.7em;
 	vertical-align: text-center;
 	text-align: center;
 	border: solid green 2px;
 	cursor: pointer;
+	pointer-events: auto;
 }
 
-.node .collapse_button
+.node .children
 {
-	float: right;
-	display: inline-box;
-	width: 1em;
-	height: 1em;
-	font-size: 0.5em;
-	vertical-align: text-center;
-	text-align: center;
-	border: solid green 2px;
-	cursor: pointer;
+	padding: 6px;
+	min-height: 5px;
+	border: dotted 1px black;
+	overflow: hidden;
+}
+
+.collapsed
+{
+	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6));
+	max-height: 16px;
+	padding: 16px;
 }
 
 .board