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 () { render () {
if (this._view.el) return this._view.el if (this._view.el) return this._view.el
this.listenToEvents() 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.contractSelection = this.contractSelection()
this._view.compilerContainer = this.compilerContainer.render() this._view.compilerContainer = this.compilerContainer.render()
this.compilerContainer.activate() this.compilerContainer.activate()

@ -166,10 +166,10 @@ class CompilerContainer {
<section> <section>
<!-- Select Compiler Version --> <!-- Select Compiler Version -->
<article> <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="row w-100 no-gutters mb-2">
<div class="col-sm-4"> <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>
<div class="col-sm-8"> <div class="col-sm-8">
${this._view.versionSelector} ${this._view.versionSelector}
@ -177,7 +177,7 @@ class CompilerContainer {
</div> </div>
<div class="row w-100 no-gutters mb-2"> <div class="row w-100 no-gutters mb-2">
<div class="col-sm-4"> <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>
<div class="col-sm-8"> <div class="col-sm-8">
<select onchange="${this.onchangeLanguage.bind(this)}" class="custom-select" id="languageSelector"> <select onchange="${this.onchangeLanguage.bind(this)}" class="custom-select" id="languageSelector">
@ -188,7 +188,7 @@ class CompilerContainer {
</div> </div>
<div class="row w-100 no-gutters"> <div class="row w-100 no-gutters">
<div class="col-sm-4"> <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>
<div class="col-sm-8"> <div class="col-sm-8">
${this._view.evmVersionSelector} ${this._view.evmVersionSelector}

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

Loading…
Cancel
Save