From b207384ff85bcf4e61623bec7d41bfe249e94bc3 Mon Sep 17 00:00:00 2001
From: LianaHus <liana@ethdev.com>
Date: Fri, 21 Jun 2019 12:17:24 +0200
Subject: [PATCH] compiler tab style fixes. same padding for all items

---
 src/app/tabs/compile-tab.js                  | 2 +-
 src/app/tabs/compileTab/compilerContainer.js | 8 ++++----
 src/app/tabs/styles/compile-tab-styles.js    | 3 +++
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/app/tabs/compile-tab.js b/src/app/tabs/compile-tab.js
index 85db2a50b9..54f4ff7b06 100644
--- a/src/app/tabs/compile-tab.js
+++ b/src/app/tabs/compile-tab.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()
diff --git a/src/app/tabs/compileTab/compilerContainer.js b/src/app/tabs/compileTab/compilerContainer.js
index f15c2430bb..ad0998d94f 100644
--- a/src/app/tabs/compileTab/compilerContainer.js
+++ b/src/app/tabs/compileTab/compilerContainer.js
@@ -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}
diff --git a/src/app/tabs/styles/compile-tab-styles.js b/src/app/tabs/styles/compile-tab-styles.js
index 17a7fb8b3a..c6033d3d33 100644
--- a/src/app/tabs/styles/compile-tab-styles.js
+++ b/src/app/tabs/styles/compile-tab-styles.js
@@ -70,6 +70,9 @@ const css = csjs`
   .compilerSm {
     padding-left: 1.25rem;
   }
+  .compilerLabel {
+    direction: rtl;
+  }
   .name {
     display: flex;
   }