Merge pull request #626 from ethereum/styleDAR

style fix in tx item

apps/remix-ide/src/app/components/panel.js

@@ -13,6 +13,7 @@ const css = csjs`
   }
   .plugItIn > div {
     overflow-y     : auto;
+    overflow-x     : hidden;
     height         : 100%;
     width          : 100%;
   }

apps/remix-ide/src/app/tabs/styles/run-tab-styles.js

@@ -53,6 +53,7 @@ var css = csjs`
   .select {
     font-weight: normal;
     width: 100%;
+    overflow: hidden;
   }
   .instanceContainer {
     display: flex;

apps/remix-ide/src/app/ui/universal-dapp-ui.js

@@ -78,7 +78,7 @@ UniversalDAppUI.prototype.renderInstanceFromABI = function (contractABI, address
 
   var close = yo`
     <button
-      class="${css.udappClose} mr-2 p-1 btn btn-secondary"
+      class="${css.udappClose} mr-1 p-1 btn btn-secondary align-items-center"
       data-id="universalDappUiUdappClose"
       onclick=${remove}
       title="Remove from the list"

apps/remix-ide/src/universal-dapp-styles.js

@@ -34,6 +34,7 @@ var css = csjs`
     word-break: break-word;
     width: 100%;
     border: none;
+    overflow: hidden;
   }
   .spanTitleText {
     line-height: 12px;
@@ -43,6 +44,7 @@ var css = csjs`
     border: none;
     background: none;
     text-transform: uppercase;
+    overflow: hidden;
   }
   .inputGroupText {
     width: 100%;