From 5e425372f92687af2b24972ca1d28ae66d3c15d6 Mon Sep 17 00:00:00 2001
From: Bent Bisballe Nyeng <deva@aasimon.org>
Date: Sun, 14 Jun 2020 18:17:03 +0200
Subject: Rework layout and add description field.

---
 src/ws/munia.css | 41 +++++++++++++++++++++++------------------
 1 file changed, 23 insertions(+), 18 deletions(-)

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

diff --git a/src/ws/munia.css b/src/ws/munia.css
index 38b435f..bfd63c7 100644
--- a/src/ws/munia.css
+++ b/src/ws/munia.css
@@ -10,6 +10,8 @@
 body
 {
 	cursor: default;
+	font-family: sans-serif;
+	font-size: 0.8em;
 }
 
 .node
@@ -45,19 +47,23 @@ body
 
 .node .id
 {
-	font-size: 0.7em;
+	font-size: 0.8em;
 	vertical-align: text-top;
-	opacity: 0.3;
+	opacity: 0.6;
 	min-width: 2em;
 	display: inline-block;
 	pointer-events: none;
+	margin-left: 2px;
 }
 
 .node .title
 {
+	font-weight: bold;
+	font-size: 1.1em;
 	padding-left: 5px;
 	background: transparent;
 	pointer-events: none;
+	min-width: 8em;
 }
 
 .node .state
@@ -71,9 +77,11 @@ body
 
 .node .description
 {
+	border-top: solid black 1px;
+	display: block;
 	clear: both;
 	padding-left: 5px;
-	background: transparent;
+	background: #999;
 	pointer-events: none;
 }
 
@@ -111,30 +119,27 @@ body
 	overflow: hidden;
 }
 
-.collapsed
+.collapsed .children
+{
+	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
+	max-height: 0px;
+	padding-top: 0px;
+	opacity: 0.2;
+}
+
+.collapsed .description
 {
-	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6));
-	max-height: 16px;
-	padding: 16px;
+	display: none;
 }
 
 .board
 {
-/*	width: *; */
-	min-height: 100px;
+	min-height: 200px;
 	width: 500px;
-	padding: 2px;
+	padding: 8px;
 	margin: 2px;
 	display: inline-box;
 	float:left;
-
-	background: -moz-linear-gradient(left center, rgb(0,0,0), rgb(79,79,79), rgb(21,21,21));
-	background: -webkit-gradient(linear, left top, right top,
-	                             color-stop(0, rgb(0,0,0)),
-	                             color-stop(0.50, rgb(79,79,79)),
-	                             color-stop(1, rgb(21,21,21)));
-	background: -webkit-linear-gradient(left center, rgb(0,0,0), rgb(79,79,79), rgb(21,21,21));
-	background: -ms-linear-gradient(left center, rgb(0,0,0), rgb(79,79,79), rgb(21,21,21));
 }
 
 .log
-- 
cgit v1.2.3