...

tomkp · Apr 3, 2016 · 54ac712 · 54ac712
1 parent 3df44ef
commit 54ac712
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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
@@ -8,10 +8,7 @@
 }
 
 .tlv {
-  margin-left: .5rem;
-  &:first-child {
-    margin-left: 0;
-  }
+  margin-left: 2rem;
 }
 
 .tag {