From 3d3dfe5f9c33f4f13a07d52d65ce0ac6b5d6479b Mon Sep 17 00:00:00 2001
From: Rob Stupay <rob@stupay.com>
Date: Tue, 4 Sep 2018 16:33:29 +0200
Subject: [PATCH] make atAddress button then input

---
 src/app/tabs/run-tab.js               |  4 ++--
 src/app/tabs/styles/run-tab-styles.js | 12 ++++++++++++
 src/universal-dapp-styles.js          |  3 +++
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/app/tabs/run-tab.js b/src/app/tabs/run-tab.js
index 60a40c3999..11a092f544 100644
--- a/src/app/tabs/run-tab.js
+++ b/src/app/tabs/run-tab.js
@@ -326,9 +326,9 @@ function contractDropdown (events, self) {
       </div>
       <div class="${css.buttons}">
         ${createPanel}
-        <div class="${css.button}">
-          ${atAddressButtonInput}
+        <div class="${css.button} ${css.atAddressSect}">
           <div class="${css.atAddress}" onclick=${function () { loadFromAddress() }}>At Address</div>
+          ${atAddressButtonInput}
         </div>
       </div>
     </div>
diff --git a/src/app/tabs/styles/run-tab-styles.js b/src/app/tabs/styles/run-tab-styles.js
index f5507fab55..02493e9926 100644
--- a/src/app/tabs/styles/run-tab-styles.js
+++ b/src/app/tabs/styles/run-tab-styles.js
@@ -131,6 +131,18 @@ var css = csjs`
   }
   .atAddress {
     ${styles.rightPanel.runTab.button_atAddress}
+    min-width: 100px;
+    width: 100px;
+    font-size: 10px;
+    margin: 0;
+    word-break: inherit;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    border-right: 0;
+  }
+  .atAddressSect input {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
   }
   .create {
     ${styles.rightPanel.runTab.button_Create}
diff --git a/src/universal-dapp-styles.js b/src/universal-dapp-styles.js
index cfb98484b4..eacdd6fef4 100644
--- a/src/universal-dapp-styles.js
+++ b/src/universal-dapp-styles.js
@@ -241,6 +241,9 @@ var css = csjs`
     border-bottom-right-radius: 0;
     border-right: 0;
   }
+  .hasArgs .contractActionsContainerMulti button {
+    border-radius: 3px;
+  }
   .contractActionsContainerMultiInner .multiArg i {
     padding-right: 26px;
     padding-top: 5px;