a step towards runtab bootstrapped

src/app/ui/styles-guide/theme-chooser.js

@@ -11,10 +11,11 @@ const themes = [
   {name: 'Yeti', quality: 'light', url: 'https://bootswatch.com/4/yeti/bootstrap.min.css'},
   {name: 'Cyborg', quality: 'dark', url: 'https://bootswatch.com/4/cyborg/bootstrap.min.css'},
   {name: 'Darkly', quality: 'dark', url: 'https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/darkly/bootstrap.min.css'},
-  {name: 'Slate', quality: 'dark', url: 'https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/slate/bootstrap.min.css'}
+  {name: 'Slate', quality: 'dark', url: 'https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/slate/bootstrap.min.css'},
+  {name: 'Superhero', quality: 'dark', url: 'https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/superhero/bootstrap.min.css'}
 ]
 
-const defaultTheme = 'Superhero'
+const defaultTheme = 'Cerulean'
 
 module.exports = {
   event: new EventEmitter(),

src/multiParamManager.js

@@ -123,7 +123,7 @@ class MultiParamManager {
     var onClick = (domEl) => {
       this.clickCallBack(this.funABI.inputs, this.basicInputField.value)
     }
-
+// TODO: if this is a lookup only make this button btn-info
     this.contractActionsContainerSingle = yo`<div class="${css.contractActionsContainerSingle}" >
       <button onclick=${() => { onClick() }} class="${css.instanceButton} btn btn-sm">${title}</button>${this.basicInputField}<i class="fa fa-angle-down ${css.methCaret}" onclick=${() => { this.switchMethodViewOn() }} title=${title} ></i>
       </div>`
@@ -171,7 +171,7 @@ class MultiParamManager {
     </div>`
 
     var contractProperty = yo`<div class="${css.contractProperty}">${this.contractActionsContainerSingle} ${this.contractActionsContainerMulti}</div>`
-
+// TODO: add class for btn-info to the button and remove stuff from the class
     if (this.lookupOnly) {
       contractProperty.classList.add(css.constant)
       button.setAttribute('title', (title + ' - call'))

src/universal-dapp-styles.js

@@ -109,10 +109,10 @@ var css = csjs`
     border-bottom-left-radius: 0;
   }
   .contractProperty button {
-    background-color: var(--warning);
+    /* background-color: var(--warning); */
     min-width: 100px;
     width: 100px;
-    font-size: 10px;
+    /* font-size: 10px; */
     margin:0;
     word-break: inherit;
   }
@@ -233,7 +233,7 @@ var css = csjs`
     border-left: none;
     padding: 8px 8px 8px 10px;
     font-size: 10px;
-    height: 25px;
+    /* height: 25px; */
   }
   .hasArgs button {
     border-top-right-radius: 0;