From 92e29e4fa3a66b4cb22c2ec4c45d27a9d8f84068 Mon Sep 17 00:00:00 2001
From: Rob Stupay <rob@stupay.com>
Date: Tue, 5 Dec 2017 14:30:21 +0100
Subject: [PATCH] bg image working BUT cannot create an instance of a contract

---
 src/app/execution/txLogger.js |  2 --
 src/app/panels/terminal.js    | 43 ++++++++++++++++++++++++++++++-----
 2 files changed, 37 insertions(+), 8 deletions(-)

diff --git a/src/app/execution/txLogger.js b/src/app/execution/txLogger.js
index 75c4760a36..f537690950 100644
--- a/src/app/execution/txLogger.js
+++ b/src/app/execution/txLogger.js
@@ -163,7 +163,6 @@ function renderKnownTransaction (self, data) {
 
   var table
   function txDetails () {
-    console.log('txDetails hit')
     if (table && table.parentNode) {
       tx.removeChild(table)
     } else {
@@ -216,7 +215,6 @@ function renderCall (self, data) {
 
   var table
   function txDetails () {
-    console.log('txDetails hit')
     if (table && table.parentNode) {
       tx.removeChild(table)
     } else {
diff --git a/src/app/panels/terminal.js b/src/app/panels/terminal.js
index 3c2c68ff71..0ece3cdc25 100644
--- a/src/app/panels/terminal.js
+++ b/src/app/panels/terminal.js
@@ -74,19 +74,46 @@ var css = csjs`
     overflow-y        : auto;
     font-family       : monospace;
   }
-  .terminal::after {
-    content           : "";
+  .inner_terminal     {
+    display           : flex;
+    flex-direction    : column;
+    height            : 100%;
+    padding-left      : 5px;
+    padding-right     : 5px;
+    padding-bottom    : 3px;
+    overflow-y        : auto;
+    font-family       : monospace;
     background-image  : url(assets/img/remix_logo_white_512x512.svg);
-    opacity           : .1;
+    opacity           : 0.1;
     top               : 15%;
     left              : 33%;
     bottom            : 0;
     right             : 0;
     position          : absolute;
-    z-index           : 1;
+    // z-index           : -1;
     background-repeat : no-repeat;
     background-size   : 45%;
   }
+  .terminal_content    {
+    position: relative;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+  .inner_terminal::after {
+    // content           : "";
+    // background-image  : url(assets/img/remix_logo_white_512x512.svg);
+    // opacity           : 0.1;
+    // top               : 15%;
+    // left              : 33%;
+    // bottom            : 0;
+    // right             : 0;
+    // position          : absolute;
+    // // z-index           : -1;
+    // background-repeat : no-repeat;
+    // background-size   : 45%;
+  }
   .journal            {
     margin-top        : auto;
     font-family       : monospace;
@@ -278,8 +305,12 @@ class Terminal {
 
     self._view.term = yo`
       <div class=${css.terminal} onscroll=${throttle(reattach, 10)} onclick=${focusinput}>
-        ${self._view.journal}
-        ${self._view.cli}
+        <div class=${css.inner_terminal}>
+        </div>
+        <div class=${css.terminal_content}>
+            ${self._view.journal}
+            ${self._view.cli}
+        </div>
       </div>
     `
     self._view.el = yo`