add connected/disconnected text

[mudsync.git] / data / web-static / css / main.css

diff --git a/data/web-static/css/main.css b/data/web-static/css/main.css
index f39402c667f19875aa13f9255640320e909e4d39..e965980607836f3cde9a33b92283984f29c9bc38 100644 (file)
--- a/data/web-static/css/main.css
+++ b/data/web-static/css/main.css
@@ -31,6 +31,21 @@ span.pre-ish {
     white-space: pre-wrap;
 }
 
+ul {
+    margin-top: .25em;
+    margin-bottom: .25em;
+    padding: 0px;
+    list-style: none;
+}
+
+ul li:before {
+    content: "\2022";
+    margin-right: 1ch;
+    margin-left: 1ch;
+    font-weight: bold;
+}
+
+
 #stream-metabox {
     flex-direction: column;
     display: flex;
@@ -84,6 +99,13 @@ span.pre-ish {
     border-left-color: #b4b4b4;
 }
 
+#connection-status.connected {
+    color: #88be7e;
+}
+
+#connection-status.disconnected {
+    color: #be8b7e;
+}
 \f
 
 #input-metabox {