From aa3157a6eb2ba4d3eda4702d477616fcfdc6ea0d Mon Sep 17 00:00:00 2001
From: alexcherman <sashacherman@gmail.com>
Date: Mon, 16 Dec 2019 12:04:30 +0100
Subject: [PATCH] Move lauout styles from themes to css-in-js files

---
 src/app/ui/universal-dapp-ui.js |  2 +-
 src/universal-dapp-styles.js    | 12 ++++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/app/ui/universal-dapp-ui.js b/src/app/ui/universal-dapp-ui.js
index cc06e662e0..142834c1e1 100644
--- a/src/app/ui/universal-dapp-ui.js
+++ b/src/app/ui/universal-dapp-ui.js
@@ -59,7 +59,7 @@ UniversalDAppUI.prototype.renderInstanceFromABI = function (contractABI, address
 
   var shortAddress = helper.shortenAddress(address)
   var title = yo`
-    <div class="${css.title} alert alert-secondary run-instance-header">
+    <div class="${css.title} alert alert-secondary">
       <button class="btn ${css.titleExpander}" onclick="${(e) => { toggleClass(e) }}">
         <i class="fas fa-angle-right" aria-hidden="true"></i>
       </button>
diff --git a/src/universal-dapp-styles.js b/src/universal-dapp-styles.js
index 50c91afc30..72c49c77ce 100644
--- a/src/universal-dapp-styles.js
+++ b/src/universal-dapp-styles.js
@@ -14,7 +14,14 @@ var css = csjs`
     word-break: break-word;
     line-height: initial;
     overflow: visible;
-    padding: 8px 10px;
+    padding: 8px 0;
+    margin: 0;
+    background: none;
+    border: none;
+  }
+  .title button {
+    background: none;
+    border: none;
   }
   .titleLine {
     display: flex;
@@ -22,14 +29,15 @@ var css = csjs`
   }
   .titleText {
     word-break: break-word;
-    min-width: 170px;
     width: 100%;
+    border: none;
   }
   .spanTitleText {
     line-height: 12px;
     padding: 0;
     font-size: 11px;
     width:100%;
+    border: none;
   }
   .inputGroupText {
     width: 100%;