From 3e71fbe2e7084ce73b252743b3530676006cbd75 Mon Sep 17 00:00:00 2001
From: Rob Stupay <rob@stupay.com>
Date: Thu, 18 Apr 2019 15:03:36 +0200
Subject: [PATCH 1/3] update to universal dapp

---
 src/universal-dapp-styles.js | 15 ++++++++++++---
 src/universal-dapp-ui.js     |  6 +++---
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/universal-dapp-styles.js b/src/universal-dapp-styles.js
index 22d33f51c5..4903ab8d23 100644
--- a/src/universal-dapp-styles.js
+++ b/src/universal-dapp-styles.js
@@ -17,7 +17,8 @@ var css = csjs`
     line-height: initial;
     overflow: visible;
     margin-bottom: 0px;
-    padding-left: 10px;
+    padding-left: 0px;
+    padding-right: 10px;
   }
   .noInstancesText {
 
@@ -29,7 +30,13 @@ var css = csjs`
   .titleText {
     /* margin-right: 1em; */
     word-break: break-word;
-    min-width: 230px;
+    min-width: 170px;
+    width: 100%;
+  }
+  .spanTitleText {
+    /* font-size: .8rem; */
+    font-size: 11px;
+    width:100%;
   }
   .inputGroupText {
     width: 100%;
@@ -38,10 +45,12 @@ var css = csjs`
     color: var(--primary);
   }
   .titleExpander {
-    margin-right: 10px;
+    /* margin-right: 10px; */
+    padding: 5px 7px;
   }
   .nameNbuts {
     flex-wrap: nowrap;
+    width: 100%;
   }
   .instance {
     display: block;
diff --git a/src/universal-dapp-ui.js b/src/universal-dapp-ui.js
index 06b856a92a..f390738b8e 100644
--- a/src/universal-dapp-ui.js
+++ b/src/universal-dapp-ui.js
@@ -68,10 +68,10 @@ UniversalDAppUI.prototype.renderInstanceFromABI = function (contractABI, address
 
   var shortAddress = helper.shortenAddress(address)
   var title = yo`
-    <div class="${css.title} alert alert-dark">
-      <button class="btn btn-light ${css.titleExpander}" onclick="${(e) => { toggleClass(e) }}"><i class="fa fa-caret-right" aria-hidden="true"></i></button>
+    <div class="${css.title} alert alert-info">
+      <button class="btn ${css.titleExpander}" onclick="${(e) => { toggleClass(e) }}"><i class="fa fa-caret-right" aria-hidden="true"></i></button>
       <div class="input-group ${css.nameNbuts}">
-        <div class="${css.titleText} input-group-prepend"><span class="input-group-text"> ${contractName} at ${shortAddress} (${context})</span></div>
+        <div class="${css.titleText} input-group-prepend"><span class="input-group-text ${css.spanTitleText}"> ${contractName} at ${shortAddress} (${context})</span></div>
         <div class="btn-group">
           <button class="btn btn-secondary">${copyToClipboard(() => address)}</button>
         </div>

From 5a1c9a44be787c92b366f02c15848876eb5c2d07 Mon Sep 17 00:00:00 2001
From: Rob Stupay <rob@stupay.com>
Date: Tue, 23 Apr 2019 18:07:56 +0200
Subject: [PATCH 2/3] update styles in multiParamManager

---
 src/universal-dapp-styles.js | 8 +++++---
 src/universal-dapp-ui.js     | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/universal-dapp-styles.js b/src/universal-dapp-styles.js
index 4903ab8d23..147cb316cb 100644
--- a/src/universal-dapp-styles.js
+++ b/src/universal-dapp-styles.js
@@ -76,7 +76,7 @@ var css = csjs`
     vertical-align: top;
   }
   .cActionsWrapper {
-    padding: 10px;
+    padding: 0px 0 10px 10px;
     border: 1px solid rgba(0,0,0,0.125);
     border-top-left-radius: 0;
     border-bottom-left-radius: 0.25rem;
@@ -196,6 +196,7 @@ var css = csjs`
     font-weight: bold;
     line-height: 25px;
     cursor: default;
+    padding-top: 5px;
   }
   .contractProperty .contractActionsContainerMultiInner .multiArg label{
     text-align: right;
@@ -216,7 +217,7 @@ var css = csjs`
   }
   .multiArg {
     margin-bottom: 8px;
-    display: flex;
+    /* display: flex; */
   }
   .multiArg input{
     padding: 5px;
@@ -227,6 +228,7 @@ var css = csjs`
       margin-right: 6px;
       font-size: 10px;
       min-width: 30%;
+      padding-top: 5px;
   }
   .multiArg button {
     border-radius: 3px;
@@ -241,7 +243,7 @@ var css = csjs`
   }
   .hasArgs .multiArg input {
     border-left: 1px solid #dddddd;
-    width: 100%;
+    width: 60%;
   }
   .hasArgs input {
     display: block;
diff --git a/src/universal-dapp-ui.js b/src/universal-dapp-ui.js
index f390738b8e..b15e6db443 100644
--- a/src/universal-dapp-ui.js
+++ b/src/universal-dapp-ui.js
@@ -68,7 +68,7 @@ UniversalDAppUI.prototype.renderInstanceFromABI = function (contractABI, address
 
   var shortAddress = helper.shortenAddress(address)
   var title = yo`
-    <div class="${css.title} alert alert-info">
+    <div class="${css.title} alert alert-secondary">
       <button class="btn ${css.titleExpander}" onclick="${(e) => { toggleClass(e) }}"><i class="fa fa-caret-right" aria-hidden="true"></i></button>
       <div class="input-group ${css.nameNbuts}">
         <div class="${css.titleText} input-group-prepend"><span class="input-group-text ${css.spanTitleText}"> ${contractName} at ${shortAddress} (${context})</span></div>

From 3aea36783d7b8c3a8571c76301532c42682e7381 Mon Sep 17 00:00:00 2001
From: Rob Stupay <rob@stupay.com>
Date: Tue, 23 Apr 2019 18:53:58 +0200
Subject: [PATCH 3/3] update styles in multiParamManager

---
 src/universal-dapp-styles.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/universal-dapp-styles.js b/src/universal-dapp-styles.js
index 147cb316cb..64d0059022 100644
--- a/src/universal-dapp-styles.js
+++ b/src/universal-dapp-styles.js
@@ -173,7 +173,7 @@ var css = csjs`
   }
   .contractActionsContainerMultiInner {
     margin-bottom: 10px;
-    padding: 0px 5px 5px 0px;
+    padding: 0px 5px 5px 5px;
     background-color: var(--light);
     width: 99%;
     border-radius: 3px;
@@ -218,6 +218,7 @@ var css = csjs`
   .multiArg {
     margin-bottom: 8px;
     /* display: flex; */
+    clear:both;
   }
   .multiArg input{
     padding: 5px;
@@ -227,8 +228,9 @@ var css = csjs`
       float: left;
       margin-right: 6px;
       font-size: 10px;
-      min-width: 30%;
+      width: 30%;
       padding-top: 5px;
+      word-break: break-all;
   }
   .multiArg button {
     border-radius: 3px;
@@ -243,7 +245,7 @@ var css = csjs`
   }
   .hasArgs .multiArg input {
     border-left: 1px solid #dddddd;
-    width: 60%;
+    width: 67%;
   }
   .hasArgs input {
     display: block;