From c7ceb31998209799f45170ec4afb1207c3618813 Mon Sep 17 00:00:00 2001
From: LianaHus <liana@ethdev.com>
Date: Thu, 30 May 2019 00:16:25 +0200
Subject: [PATCH] deploy tab styleing

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

diff --git a/src/universal-dapp-styles.js b/src/universal-dapp-styles.js
index 64d0059022..b25e0b0020 100644
--- a/src/universal-dapp-styles.js
+++ b/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%;
   }
diff --git a/src/universal-dapp-ui.js b/src/universal-dapp-ui.js
index 9cbc00b2c2..1e6ef10c9c 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-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>