From f30870347bfc9045d6643b6f92cae3da9e456ab8 Mon Sep 17 00:00:00 2001
From: Bent Bisballe Nyeng <deva@aasimon.org>
Date: Sun, 14 Jun 2020 21:11:54 +0200
Subject: Edit description with double-click. Improve collapse/expand and
 add-child buttons.

---
 src/ws/munia.css | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

(limited to 'src/ws/munia.css')

diff --git a/src/ws/munia.css b/src/ws/munia.css
index bfc1823..3704c99 100644
--- a/src/ws/munia.css
+++ b/src/ws/munia.css
@@ -47,10 +47,11 @@ body
 
 .node .id
 {
+	float: left;
 	font-size: 0.8em;
 	vertical-align: text-top;
 	opacity: 0.6;
-	min-width: 2em;
+	min-width: 2.8em;
 	display: inline-block;
 	pointer-events: none;
 	margin-left: 2px;
@@ -58,12 +59,12 @@ body
 
 .node .title
 {
+	float: left;
 	font-weight: bold;
 	font-size: 1.1em;
-	padding-left: 5px;
 	background: transparent;
-	pointer-events: none;
-	min-width: 8em;
+	pointer-events: auto;
+	width: 70%;
 }
 
 .node .state
@@ -74,6 +75,8 @@ body
 	background: transparent;
 	pointer-events: auto;
 	cursor: pointer;
+	background-color: #aaa;
+	border: solid 1px #666;
 }
 
 .node .description
@@ -83,13 +86,15 @@ body
 	clear: both;
 	padding-left: 5px;
 	background: #999;
-	pointer-events: none;
+	pointer-events: auto;
+	min-height: 0.5em;
 }
 
 .node .edit
 {
 	border-color: red;
 	pointer-events: all;
+	width: 90%
 /*
 	border: inherit;
 	padding: inherit;
@@ -103,17 +108,17 @@ body
 	float: right;
 	display: inline-box;
 	width: 1em;
-	height: 1em;
-	font-size: 0.7em;
 	vertical-align: text-center;
 	text-align: center;
-	border: solid green 2px;
 	cursor: pointer;
 	pointer-events: auto;
+	background-color: #aaa;
+	border: solid 1px #666;
 }
 
 .node .children
 {
+	clear: both;
 	padding: 6px;
 	min-height: 5px;
 	border: dotted 1px black;
@@ -122,6 +127,7 @@ body
 
 .collapsed .children
 {
+	clear: both;
 	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
 	max-height: 0px;
 	padding-top: 0px;
@@ -130,7 +136,9 @@ body
 
 .collapsed .description
 {
-	display: none;
+	height: 0px;
+	overflow: hidden;
+	min-height: 0px;
 }
 
 .board
-- 
cgit v1.2.3