From 6fcbe856fa5e2e9e77c667e47e0405e63ad62ccf Mon Sep 17 00:00:00 2001
From: ninabreznik <ninabreznik@gmail.com>
Date: Thu, 25 Jan 2018 02:24:37 +0800
Subject: [PATCH 1/2] Fix flexbox for Environment field in Run tab + info icon

---
 src/app/tabs/run-tab.js | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/app/tabs/run-tab.js b/src/app/tabs/run-tab.js
index 510f7abd69..f0d24afb3f 100644
--- a/src/app/tabs/run-tab.js
+++ b/src/app/tabs/run-tab.js
@@ -44,6 +44,11 @@ var css = csjs`
     float: left;
     align-self: center;
   }
+  .environment {
+    display: flex;
+    align-items: center;
+    position: relative;
+  }
   .col2 {
     ${styles.rightPanel.runTab.input_RunTab}
   }
@@ -149,8 +154,12 @@ var css = csjs`
   }
   .icon {
     font-size: 12px;
-    color: ${styles.colors.orange};
-    margin-left: 10%;
+    color: ${styles.rightPanel.runTab.icon_Color};
+    margin-left: 5px;
+  }
+  .icon:hover {
+    font-size: 12px;
+    color: ${styles.rightPanel.runTab.icon_HoverColor};
   }
   .errorIcon {
     color: ${styles.appProperties.errorText_Color};
@@ -201,7 +210,7 @@ function runTab (container, appAPI, appEvents, opts) {
   var recorderInterface = makeRecorder(events, appAPI, appEvents)
   var pendingTxsContainer = yo`
   <div class="${css.pendingTxsContainer}">
-    <div class="${css.pendingTxsText}"> 
+    <div class="${css.pendingTxsText}">
       ${pendingTxsText}
       <span class="${css.transactionActions}">
         ${clearInstanceElement}
@@ -523,7 +532,7 @@ function settings (container, appAPI, appEvents) {
         <div id="selectExEnv" class="${css.col1_1}">
           Environment
         </div>
-        <div style="position: relative;">
+        <div class=${css.environment}>
           ${net}
           <select id="selectExEnvOptions" onchange=${updateNetwork} class="${css.select}">
             <option id="vm-mode"
@@ -546,7 +555,7 @@ function settings (container, appAPI, appEvents) {
               Web3 Provider
             </option>
           </select>
-          <a style="margin-left: 8px;" href="https://github.com/ethereum/EIPs/blob/master/EIPS/eip-155.md" target="_blank"><i class="fa fa-info"></i></a>
+          <a style="margin-left: 8px;" href="https://github.com/ethereum/EIPs/blob/master/EIPS/eip-155.md" target="_blank"><i class="${css.info} fa fa-info"></i></a>
         </div>
       </div>
       <div class="${css.crow}">

From 834b5d058cd23b970ef52437a80cd01f25e0e870 Mon Sep 17 00:00:00 2001
From: ninabreznik <ninabreznik@gmail.com>
Date: Thu, 25 Jan 2018 18:32:04 +0800
Subject: [PATCH 2/2] Rename class from css.info to scc.icon

---
 src/app/tabs/run-tab.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/tabs/run-tab.js b/src/app/tabs/run-tab.js
index f0d24afb3f..02df26e3d1 100644
--- a/src/app/tabs/run-tab.js
+++ b/src/app/tabs/run-tab.js
@@ -555,7 +555,7 @@ function settings (container, appAPI, appEvents) {
               Web3 Provider
             </option>
           </select>
-          <a style="margin-left: 8px;" href="https://github.com/ethereum/EIPs/blob/master/EIPS/eip-155.md" target="_blank"><i class="${css.info} fa fa-info"></i></a>
+          <a href="https://github.com/ethereum/EIPs/blob/master/EIPS/eip-155.md" target="_blank"><i class="${css.icon} fa fa-info"></i></a>
         </div>
       </div>
       <div class="${css.crow}">