compiler tab style fixes. same padding for all items

pull/1/head
LianaHus 5 years ago
parent 1a0957333d
commit b5465f58d0
  1. 2
      src/app/tabs/compile-tab.js
  2. 8
      src/app/tabs/compileTab/compilerContainer.js
  3. 3
      src/app/tabs/styles/compile-tab-styles.js

@ -396,7 +396,7 @@ class CompileTab extends CompilerApi {
render () {
if (this._view.el) return this._view.el
this.listenToEvents()
this._view.errorContainer = yo`<div class="${css.errorBlobs}"></div>`
this._view.errorContainer = yo`<div class="${css.errorBlobs} p-2"></div>`
this._view.contractSelection = this.contractSelection()
this._view.compilerContainer = this.compilerContainer.render()
this.compilerContainer.activate()

@ -166,10 +166,10 @@ class CompilerContainer {
<section>
<!-- Select Compiler Version -->
<article>
<header class="navbar navbar-light bg-light">
<header class="navbar navbar-light p-2 bg-light">
<div class="row w-100 no-gutters mb-2">
<div class="col-sm-4">
<label class="input-group-text border-0" for="versionSelector">Compiler</label>
<label class="${css.compilerLabel} input-group-text pl-0 border-0" for="versionSelector">Compiler</label>
</div>
<div class="col-sm-8">
${this._view.versionSelector}
@ -177,7 +177,7 @@ class CompilerContainer {
</div>
<div class="row w-100 no-gutters mb-2">
<div class="col-sm-4">
<label class="input-group-text border-0" for="languageSelector">Language</label>
<label class="${css.compilerLabel} input-group-text pl-0 border-0" for="languageSelector">Language</label>
</div>
<div class="col-sm-8">
<select onchange="${this.onchangeLanguage.bind(this)}" class="custom-select" id="languageSelector">
@ -188,7 +188,7 @@ class CompilerContainer {
</div>
<div class="row w-100 no-gutters">
<div class="col-sm-4">
<label class="input-group-text border-0" for="evmVersionSelector">EVM Version</label>
<label class="${css.compilerLabel} input-group-text pl-0 border-0" for="evmVersionSelector">EVM Version</label>
</div>
<div class="col-sm-8">
${this._view.evmVersionSelector}

@ -70,6 +70,9 @@ const css = csjs`
.compilerSm {
padding-left: 1.25rem;
}
.compilerLabel {
direction: rtl;
}
.name {
display: flex;
}

Loading…
Cancel
Save