Merge pull request #1942 from ethereum/master_l

style fixes

src/app/editor/contextView.js

@@ -40,7 +40,8 @@ class ContextView {
   }
 
   render () {
-    const view = yo`<div class="${css.contextview} ${css.contextviewcontainer} badge bg-light border-0">
+    const view = yo`
+      <div class="${css.contextview} ${css.contextviewcontainer} bg-light text-dark border-0">
         <div class=${css.container}>
           ${this._renderTarget()}
         </div>
@@ -159,21 +160,25 @@ class ContextView {
         const executionCost = ' Execution cost: ' + result.executionCost + ' gas'
         const codeDepositCost = 'Code deposit cost: ' + result.codeDepositCost + ' gas'
         const estimatedGas = result.codeDepositCost ? `${codeDepositCost}, ${executionCost}` : `${executionCost}`
-        return yo`<div class=${css.gasEstimation}>
+        return yo`
-        <img class=${css.gasStationIcon} title='Gas estimation' src='assets/img/gasStation_50.png'>
+          <div class=${css.gasEstimation}>
-        ${estimatedGas}
+            <i class="fas fa-gas-pump ${css.gasStationIcon}" title='Gas estimation'></i>
-        </div>`
+            <span>${estimatedGas}</span>
+          </div>
+        `
       }
     }
 
-    return yo`<div class=${css.line}>${showGasEstimation()}
+    return yo`
+      <div class=${css.line}>${showGasEstimation()}
         <div title=${type} class=${css.type}>${type}</div>
         <div title=${node.attributes.name} class=${css.name}>${node.attributes.name}</div>
         <i class="fas fa-share ${css.jump}" aria-hidden="true" onclick=${jumpTo}></i>
         <span class=${css.referencesnb}>${references}</span>
         <i data-action='previous' class="fas fa-chevron-up ${css.jump}" aria-hidden="true" onclick=${jump}></i>
         <i data-action='next' class="fas fa-chevron-down ${css.jump}" aria-hidden="true" onclick=${jump}></i>
-    </div>`
+      </div>
+    `
   }
 }
 

src/app/editor/styles/contextView-styles.js

@@ -4,7 +4,7 @@ var css = csjs`
   .contextview {
     opacity             : 1;
     position            : relative;
-    height              : 20px;
+    height              : 25px;
   }
   .container {
     padding             : 1px 15px;
@@ -42,7 +42,6 @@ var css = csjs`
     align-items       : center;
   }
   .gasStationIcon {
-    height: 13px;
     margin-right      : 5px;
   }
   .contextviewcontainer {
@@ -50,6 +49,11 @@ var css = csjs`
     border-radius     : 1px;
     border            : 2px solid var(--secondary);
   }
+  .contextviewcontainer{
+    z-index           : 50;
+    border-radius     : 1px;
+    border            : 2px solid var(--secondary);
+  }
 `
 
 module.exports = css

src/app/files/file-explorer.js

@@ -319,7 +319,7 @@ fileExplorer.prototype.init = function () {
 
 fileExplorer.prototype.publishToGist = function () {
   modalDialogCustom.confirm(
-    null,
+    'Create a public gist',
     'Are you sure you want to publish all your files anonymously as a public gist on github.com?',
     () => { this.toGist() }
   )

src/app/panels/terminal.js

@@ -136,7 +136,7 @@ class Terminal extends BaseApi {
     self._view.bar = yo`
       <div class="${css.bar}">
         ${self._view.dragbar}
-        <div class="${css.menu} border-top bg-light">
+        <div class="${css.menu} border-top border-dark bg-light">
           ${self._view.icon}
           <div class=${css.clear} onclick=${clear}>
             <i class="fas fa-ban" aria-hidden="true" title="Clear console"

src/app/ui/styles/modaldialog-styles.js

@@ -13,6 +13,8 @@ var css = csjs`
   }
   .modalBody {
     word-break: break-word;
+    overflow-y: auto;
+    max-height: 600px;
   }
   .modalFooterOk {
   }