Merge pull request #1013 from ethereum/runTabEnvironmentUI

Fix flexbox for Environment field in Run tab + info icon

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};
+    color: ${styles.rightPanel.runTab.icon_Color};
-    margin-left: 10%;
+    margin-left: 5px;
+  }
+  .icon:hover {
+    font-size: 12px;
+    color: ${styles.rightPanel.runTab.icon_HoverColor};
   }
   .errorIcon {
     color: ${styles.appProperties.errorText_Color};
@@ -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 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}">