deploy tab colors

src/multiParamManager.js

@@ -183,9 +183,9 @@ class MultiParamManager {
       this.contractActionsContainerSingle.querySelector(`.${css.instanceButton}`).classList.add('btn-info')
       button.classList.add('btn-info')
     } else {
-      this.contractActionsContainerSingle.querySelector(`.${css.instanceButton}`).classList.add('btn-primary')
+      this.contractActionsContainerSingle.querySelector(`.${css.instanceButton}`).classList.add('btn-warning')
       button.innerHTML = 'transact'
-      button.classList.add('btn-primary')
+      button.classList.add('btn-warning')
     }
 
     if (this.funABI.inputs && this.funABI.inputs.length > 0) {

src/universal-dapp-styles.js

@@ -31,7 +31,9 @@ var css = csjs`
     word-break: break-word;
     min-width: 230px;
   }
-
+  .inputGroupText {
+    width: 100%;
+  }
   .title .copy {
     color: var(--primary);
   }
@@ -42,7 +44,6 @@ var css = csjs`
     flex-wrap: nowrap;
   }
   .instance {
-    min-width: 310px;
     display: block;
     /* display: flex; */
     flex-direction: column;
@@ -129,10 +130,12 @@ var css = csjs`
     /* background-color:var(--info); */
     min-width: 100px;
     width: 100px;
-    font-size: 10px;
     margin:0;
     word-break: inherit;
     outline: none;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
   .contractProperty input {
     /* width: 75% */