web client: highlight transaction control buttons

1 files changed, 18 insertions, 10 deletions

diff --git a/web/client.css b/web/client.css
index be8cf52..597a13c 100644
--- a/web/client.css
+++ b/web/client.css
@@ -11,6 +11,9 @@ body {
 }
 
 #status {
+    border-style: solid;
+    border-width: 3px;
+    border-color: #cde;
     background-color: #cde;
     height: 2em;
     padding: 10px;
@@ -20,14 +23,23 @@ body {
 
 #status p {
     position: absolute;
-    top: 0;
+    top: 3px;
     left: 15px;
 }
 
-#logout, #status div {
+#logout {
+    position: absolute;
+    top: 0;
+    right: 0;
+    margin: 13px;
+}
+
+#status div {
     position: absolute;
-    top: 0.5em;
-    right: 15px;
+    top: 0;
+    right: 0;
+    height: 2em;
+    padding: 13px;
 }
 
 #status input {
@@ -35,24 +47,20 @@ body {
 }
 
 #status.changed {
-    border-style: none none none solid;
-    border-width: 3px;
     border-color: #7f7;
 }
 
 #status.invalid {
-    border-style: none none none solid;
-    border-width: 3px;
     border-color: #f77;
 }
 .hidden { display: none; }
 
 
-.invalid {
+.invalid, #status.invalid div {
     background-color: #f77;
 }
 
-.changed {
+.changed, #status.changed div {
     background-color: #7f7;
 }