From 377efef8c6a4134a2f1f796f1f04d586256986e3 Mon Sep 17 00:00:00 2001
From: James Barnett <noreply@jamesbarnett.xyz>
Date: Sun, 28 Jan 2018 18:18:18 +0000
Subject: Handle query execution errors and show exec status

---
 style.css | 44 +++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 43 insertions(+), 1 deletion(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 891cb76..2e0ef53 100644
--- a/style.css
+++ b/style.css
@@ -44,9 +44,12 @@ body {
 }
 
 .flex-wrapper .row.footer {
-  flex: 0 1 20px;
+  flex: 0 1 auto;
   background-color: #474A5E;
   color: white;
+  display: flex;
+  flex-direction: row;
+  font-family: monospace;
 }
 
 .flex-wrapper .row .split-row {
@@ -77,4 +80,43 @@ body {
   color: #ffffff;
   background-color: #282a36;
   font-family: monospace;
+}
+
+#result-error {
+  padding: 5px;
+}
+
+#execution-status {
+  padding: 2px;
+  flex-basis: 60px;
+  text-align: center;
+  font-weight: bold;
+}
+
+#execution-time {
+  background-color: green;
+  flex-basis: auto;
+}
+
+#row-count {
+  background-color: blue;
+  flex-basis: auto;
+}
+
+.exec-idle {
+  background-color: gray;
+}
+
+.exec-running {
+  background-color: yellow;
+  color: black;
+}
+
+.exec-ok {
+  background-color: green;
+}
+
+.exec-error {
+  background-color: red;
+  color: black;
 }
\ No newline at end of file
-- 
cgit v1.2.3