From 54ac712f7d0fb8a7cdbcef5bf1066954efb48cff Mon Sep 17 00:00:00 2001
From: tomkp <tom@tomkp.com>
Date: Sun, 3 Apr 2016 22:47:57 +0100
Subject: [PATCH] ...

---
 src/components/console/console.scss   | 4 ++--
 src/components/response/Response.js   | 2 +-
 src/components/response/response.scss | 4 ++++
 src/components/tlv/tlv.scss           | 5 +----
 4 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/console/console.scss b/src/components/console/console.scss
index 3acb97b..30ea1ca 100644
--- a/src/components/console/console.scss
+++ b/src/components/console/console.scss
@@ -4,7 +4,7 @@
 
 .sidebar-control {
 
-  background: #ddd;
+  background: #eee;
   padding: 1rem 1rem;
   text-align: right;
   z-index: 2;
@@ -19,7 +19,7 @@
 }
 
 .commands {
-  background: #eee;
+  background: #fafafa;
   font-family: "Menlo", "Lucida Console", monospace;
 }
 
diff --git a/src/components/response/Response.js b/src/components/response/Response.js
index ac4644c..d272772 100644
--- a/src/components/response/Response.js
+++ b/src/components/response/Response.js
@@ -7,7 +7,7 @@ export default ({response, ok, meaning}) => {
     return (
         <div className={'response ' + (ok?'ok':'error')} title={`Response APDU`}>
             {response}
-            {ok?<Tlv data={response} />:
+            {ok?<div className="tlv-wrapper"><Tlv data={response} /></div>:
                 <span className="meaning">{meaning}</span>
             }
         </div>
diff --git a/src/components/response/response.scss b/src/components/response/response.scss
index d3a3df4..dcf04fe 100644
--- a/src/components/response/response.scss
+++ b/src/components/response/response.scss
@@ -11,6 +11,10 @@
     color: $alizarin;
   }
 
+  .tlv-wrapper {
+    margin-left: -2rem;
+  }
+
   .meaning {
     margin-left: 1rem;
     color: #333;
diff --git a/src/components/tlv/tlv.scss b/src/components/tlv/tlv.scss
index 12d4b63..a2762d5 100644
--- a/src/components/tlv/tlv.scss
+++ b/src/components/tlv/tlv.scss
@@ -8,10 +8,7 @@
 }
 
 .tlv {
-  margin-left: .5rem;
-  &:first-child {
-    margin-left: 0;
-  }
+  margin-left: 2rem;
 }
 
 .tag {