deploy tab styleing

src/universal-dapp-styles.js

@@ -8,10 +8,9 @@ var css = csjs`
   .title {
     display: flex;
     justify-content: space-between;
-    align-items: center;
     font-size: 11px;
     /* height: 30px; */
-    /* width: 97%; */
+    width: 100%;
     overflow: hidden;
     word-break: break-word;
     line-height: initial;
@@ -49,6 +48,7 @@ var css = csjs`
     padding: 5px 7px;
   }
   .nameNbuts {
+    display: contents;
     flex-wrap: nowrap;
     width: 100%;
   }

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-secondary">
+    <div class="${css.title} alert alert-secondary p-2">
       <button class="btn ${css.titleExpander}" onclick="${(e) => { toggleClass(e) }}"><i class="fas fa-angle-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>