From cf27838ba2b02ff7629145cb9f9fbcd6d31fd8fb Mon Sep 17 00:00:00 2001
From: LianaHus <liana@ethdev.com>
Date: Thu, 18 Apr 2019 17:57:02 +0200
Subject: [PATCH 1/6] search input style on terminal

---
 src/app/panels/styles/terminal-styles.js |  8 ++++----
 src/app/panels/terminal.js               | 25 ++++++++++++++++++++----
 2 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/src/app/panels/styles/terminal-styles.js b/src/app/panels/styles/terminal-styles.js
index 8168747186..cc342283a8 100644
--- a/src/app/panels/styles/terminal-styles.js
+++ b/src/app/panels/styles/terminal-styles.js
@@ -90,17 +90,17 @@ var css = csjs`
   .search {
     display           : flex;
     align-items       : center;
-    width             : 200px;
+    width             : 330px;
     padding-left      : 20px;
     height            : 100%;
   }
   .filter                       {
-    width                       : 200px;
     padding-right               : 0px;
     margin-right                : 0px;
-    border-top-left-radius      : 0px;
-    border-bottom-left-radius   : 0px;
     height                      : 100%;
+    white-space                 : nowrap;
+    overflow                    : hidden;
+    text-overflow               : ellipsis;
   }
   .searchIcon                   {
     height                      : 100%;
diff --git a/src/app/panels/terminal.js b/src/app/panels/terminal.js
index 4ec6f393ba..67164927e6 100644
--- a/src/app/panels/terminal.js
+++ b/src/app/panels/terminal.js
@@ -125,7 +125,14 @@ class Terminal extends BaseApi {
       <div onmousedown=${mousedown} class=${css.dragbarHorizontal}></div>`
 
     self._view.pendingTxCount = yo`<div class=${css.pendingTx} title='Pending Transactions'>0</div>`
-    self._view.inputSearch = yo`<input spellcheck="false" type="text" class="${css.filter} form-control" id="input" onkeydown=${filter}  placeholder="Search transactions"></input>`
+    self._view.inputSearch = yo`<input
+      spellcheck="false"
+      type="text"
+      class="${css.filter} form-control"
+      id="input"
+      onkeydown=${filter}
+      placeholder="Search with transaction hash or address">
+    </input>`
     self._view.bar = yo`
       <div class="${css.bar}">
         ${self._view.dragbar}
@@ -138,9 +145,19 @@ class Terminal extends BaseApi {
           ${self._view.pendingTxCount}
           <div class=${css.verticalLine}></div>
           <div class="form-check">
-            <input id="listenNetworkCheck" onchange=${listenOnNetwork} type="checkbox" class="form-check-input "
-            title="If checked Remix will listen on all transactions mined in the current environment and not only transactions created by you">
-            <label class="form-check-label" title="If checked Remix will listen on all transactions mined in the current environment and not only transactions created by you" for="listenNetworkCheck">listen on network</label>
+            <input
+              id="listenNetworkCheck"
+              onchange=${listenOnNetwork}
+              type="checkbox" class="form-check-input "
+              title="If checked Remix will listen on all transactions mined in the current environment and not only transactions created by you"
+            >
+            <label
+              class="form-check-label"
+              title="If checked Remix will listen on all transactions mined in the current environment and not only transactions created by you"
+              for="listenNetworkCheck"
+            >
+              listen on network
+            </label>
           </div>
           <div class=${css.search}>
             <i class="fa fa-search ${css.searchIcon} bg-light" aria-hidden="true"></i>

From 1b6fa82fb2edee55c5bfe2f07671d3ab99ee7ef1 Mon Sep 17 00:00:00 2001
From: LianaHus <liana@ethdev.com>
Date: Thu, 18 Apr 2019 19:15:07 +0200
Subject: [PATCH 2/6] remix logo colors for light and dark themes

---
 src/app/ui/landing-page/landing-page.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/app/ui/landing-page/landing-page.js b/src/app/ui/landing-page/landing-page.js
index 28e5e77bb6..29ae51be71 100644
--- a/src/app/ui/landing-page/landing-page.js
+++ b/src/app/ui/landing-page/landing-page.js
@@ -197,11 +197,19 @@ export class LandingPage extends BaseApi {
       app.loadFromGist({gist: ''})
     }
 
+    globalRegistry.get('themeModule').api.events.on('themeChanged', (type) => {
+      const invert = type === 'dark' ? 1 : 0
+      const img = document.getElementById('remixLogo')
+      if (img)  {
+        img.style.filter = `invert(${invert})`
+      }
+    })
+
     let container = yo`<div class="${css.homeContainer} bg-light">
       <div class="${css.jumbotronContainer}">
         <div class="alert alert-info clearfix ${css.thisJumboton}">
           <div class="${css.logoContainer}">
-            <img src="${logo}" alt="remix logo">
+            <img id='remixLogo' src="${logo}" alt="remix logo">
           </div>
           <div class="${css.headlineContainer}">
             <h2 class="">The new layout has arrived</h2>

From 07e6bc2c82f02c83245cc90fcaf29512e67ffeb2 Mon Sep 17 00:00:00 2001
From: LianaHus <liana@ethdev.com>
Date: Thu, 18 Apr 2019 19:18:39 +0200
Subject: [PATCH 3/6] standard

---
 src/app/ui/landing-page/landing-page.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/ui/landing-page/landing-page.js b/src/app/ui/landing-page/landing-page.js
index 29ae51be71..ba5cf60af2 100644
--- a/src/app/ui/landing-page/landing-page.js
+++ b/src/app/ui/landing-page/landing-page.js
@@ -200,7 +200,7 @@ export class LandingPage extends BaseApi {
     globalRegistry.get('themeModule').api.events.on('themeChanged', (type) => {
       const invert = type === 'dark' ? 1 : 0
       const img = document.getElementById('remixLogo')
-      if (img)  {
+      if (img) {
         img.style.filter = `invert(${invert})`
       }
     })

From 204066352bd1eaf059614602e686872f272f0d51 Mon Sep 17 00:00:00 2001
From: Liana Husikyan <liana@ethdev.com>
Date: Tue, 23 Apr 2019 10:45:51 +0200
Subject: [PATCH 4/6] Update landing-page.js

---
 src/app/ui/landing-page/landing-page.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/ui/landing-page/landing-page.js b/src/app/ui/landing-page/landing-page.js
index ba5cf60af2..2abe51f480 100644
--- a/src/app/ui/landing-page/landing-page.js
+++ b/src/app/ui/landing-page/landing-page.js
@@ -209,7 +209,7 @@ export class LandingPage extends BaseApi {
       <div class="${css.jumbotronContainer}">
         <div class="alert alert-info clearfix ${css.thisJumboton}">
           <div class="${css.logoContainer}">
-            <img id='remixLogo' src="${logo}" alt="remix logo">
+            <img id="remixLogo" src="${logo}" alt="remix logo">
           </div>
           <div class="${css.headlineContainer}">
             <h2 class="">The new layout has arrived</h2>

From 6fe908e838b67970eca8f0fe8323dae88ace7f09 Mon Sep 17 00:00:00 2001
From: LianaHus <liana@ethdev.com>
Date: Tue, 23 Apr 2019 12:28:31 +0200
Subject: [PATCH 5/6] Debug button in terminal needs width

---
 src/app/tabs/styles/debugger-tab-styles.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/tabs/styles/debugger-tab-styles.js b/src/app/tabs/styles/debugger-tab-styles.js
index 6a15d2cf56..31400f9045 100644
--- a/src/app/tabs/styles/debugger-tab-styles.js
+++ b/src/app/tabs/styles/debugger-tab-styles.js
@@ -6,6 +6,7 @@ const css = csjs`
   }
   .debugger {
     margin-bottom: 1%;
+    width: max-content;
   }
 `
 

From 6c8a45f40dda03b3b23c7f2cb036c0f07b9002b7 Mon Sep 17 00:00:00 2001
From: LianaHus <liana@ethdev.com>
Date: Tue, 23 Apr 2019 12:29:59 +0200
Subject: [PATCH 6/6] id neramed for searc input field

---
 src/app/panels/terminal.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/panels/terminal.js b/src/app/panels/terminal.js
index 67164927e6..904f6c24a9 100644
--- a/src/app/panels/terminal.js
+++ b/src/app/panels/terminal.js
@@ -129,7 +129,7 @@ class Terminal extends BaseApi {
       spellcheck="false"
       type="text"
       class="${css.filter} form-control"
-      id="input"
+      id="searchInput"
       onkeydown=${filter}
       placeholder="Search with transaction hash or address">
     </input>`