From 357f575500f982ab46b1985adfa05ec80152abaf Mon Sep 17 00:00:00 2001
From: Joshua Seigler <github@joshua.seigler.net>
Date: Fri, 9 Sep 2016 20:07:18 -0400
Subject: [PATCH] feat: better pre-first-connection messaging

---
 style.css | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/style.css b/style.css
index c60083f..6ae59aa 100644
--- a/style.css
+++ b/style.css
@@ -3,14 +3,13 @@ body {
   margin: 0;
   box-sizing: border-box;
   font-family: sans-serif;
-  background-image: linear-gradient(to bottom right, hsl(208, 73%, 43%), hsl(208, 73%, 21.5%));
+  background-image: linear-gradient(to bottom right, hsl(208, 73%, 43%), hsl(208, 86.5%, 21.5%));
   background-color: hsl(208, 73%, 43%);
   color: white;
   min-height: 100vh;
 }
 * {
   box-sizing: inherit;
-  transition: color 0.1s;
 }
 a {
   color: inherit;
@@ -19,6 +18,13 @@ a {
 #transactionList {
   padding: 0 1em;
 }
+#connectionStatus.is-connected ~ #transactionList:empty:before {
+  content: 'Waiting for first transaction...';
+  display: block;
+  text-align: center;
+  font-size: 2em;
+  opacity: 0.5;
+}
 .tx {
   position: relative;
   margin: 4px auto;