diff --git a/src/app/tabs/run-tab.js b/src/app/tabs/run-tab.js
index 2f90914100..839c02eb1a 100644
--- a/src/app/tabs/run-tab.js
+++ b/src/app/tabs/run-tab.js
@@ -24,7 +24,7 @@ var pendingTxsText = yo``
function runTab (container, appAPI, appEvents) {
var events = new EventManager()
- var clearInstanceElement = yo``
+ var clearInstanceElement = yo``
clearInstanceElement.addEventListener('click', () => {
events.trigger('clearInstance', [])
})
@@ -139,21 +139,14 @@ function makeRecorder (events, appAPI, appEvents) {
api: appAPI
})
var css2 = csjs`
- .container {
- }
+ .container,
+ .runTxs,
.recorder {
- font-size: 20px;
- cursor: pointer;
- }
- .runTxs {
- margin-left: 10px;
- font-size: 20px;
- cursor: pointer;
}
`
- var recordButton = yo``
- var runButton = yo``
+ var recordButton = yo``
+ var runButton = yo``
recordButton.onclick = () => {
var txJSON = JSON.stringify(recorder.getAll(), null, 2)
diff --git a/src/app/tabs/styles/run-tab-styles.js b/src/app/tabs/styles/run-tab-styles.js
index 32565b3518..18e4b3c3f7 100644
--- a/src/app/tabs/styles/run-tab-styles.js
+++ b/src/app/tabs/styles/run-tab-styles.js
@@ -109,6 +109,9 @@ var css = csjs`
.pendingTxsText {
${styles.rightPanel.runTab.borderBox_Instance}
font-style: italic;
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
}
.item {
margin-right: 1em;
@@ -141,6 +144,7 @@ var css = csjs`
.icon {
cursor: pointer;
font-size: 12px;
+ cursor: pointer;
color: ${styles.rightPanel.runTab.icon_Color};
margin-left: 5px;
}
@@ -171,13 +175,17 @@ var css = csjs`
.networkItem {
margin-right: 5px;
}
- .clearinstance {
- font-size: 20px;
- cursor: pointer;
- margin-right: 10px;
- }
.transactionActions {
- float: right;
+ display: flex;
+ width: 50px;
+ justify-content: space-between;
+}
+
+
+
+
+
+
`
module.exports = css