From c9250b6991b978a2d2d5814ec4fbb5e136f24f66 Mon Sep 17 00:00:00 2001
From: saneery <anatolyniky@gmail.com>
Date: Thu, 25 Jul 2019 13:31:13 +0300
Subject: [PATCH 01/29] Add functionality to try eth_rpc methods in
 documentation

---
 apps/block_scout_web/assets/js/app.js         |   1 +
 .../assets/js/lib/try_eth_api.js              |  70 ++++++++
 .../templates/api_docs/_eth_rpc_item.html.eex | 166 ++++++++++++++++++
 .../templates/api_docs/eth_rpc.html.eex       |  18 +-
 apps/explorer/lib/explorer/eth_rpc.ex         |  28 ++-
 5 files changed, 268 insertions(+), 15 deletions(-)
 create mode 100644 apps/block_scout_web/assets/js/lib/try_eth_api.js
 create mode 100644 apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex

diff --git a/apps/block_scout_web/assets/js/app.js b/apps/block_scout_web/assets/js/app.js
index 25de7b2688..a800597331 100644
--- a/apps/block_scout_web/assets/js/app.js
+++ b/apps/block_scout_web/assets/js/app.js
@@ -58,5 +58,6 @@ import './lib/async_listing_load'
 import './lib/tooltip'
 import './lib/modals'
 import './lib/try_api'
+import './lib/try_eth_api'
 import './lib/card_tabs'
 import './lib/network_selector'
diff --git a/apps/block_scout_web/assets/js/lib/try_eth_api.js b/apps/block_scout_web/assets/js/lib/try_eth_api.js
new file mode 100644
index 0000000000..a3dd7b6f4e
--- /dev/null
+++ b/apps/block_scout_web/assets/js/lib/try_eth_api.js
@@ -0,0 +1,70 @@
+import $ from 'jquery'
+
+function composeCurlCommand (data) {
+  return `curl -H "content-type: application/json" -X POST --data '${JSON.stringify(data)}'`
+}
+
+function handleResponse (data, xhr, clickedButton) {
+  const module = clickedButton.attr('data-module')
+  const action = clickedButton.attr('data-action')
+  const curl = $(`[data-selector="${module}-${action}-curl"]`)[0]
+  const code = $(`[data-selector="${module}-${action}-server-response-code"]`)[0]
+  const body = $(`[data-selector="${module}-${action}-server-response-body"]`)[0]
+
+  curl.innerHTML = composeCurlCommand(data)
+  code.innerHTML = xhr.status
+  body.innerHTML = JSON.stringify(xhr.responseJSON, undefined, 2)
+  $(`[data-selector="${module}-${action}-try-api-ui-result"]`).show()
+  $(`[data-selector="${module}-${action}-btn-try-api-clear"]`).show()
+  clickedButton.html(clickedButton.data('original-text'))
+  clickedButton.prop('disabled', false)
+}
+
+function wrapJsonRpc (method, params) {
+  return {
+    id: 0,
+    jsonrpc: '2.0',
+    method: method,
+    params: params
+  }
+}
+
+function parseInput (input) {
+  const type = $(input).attr('data-parameter-type')
+  const value = $(input).val()
+
+  switch (type) {
+    case 'string':
+      return value
+    case 'json':
+      return JSON.parse(value)
+    default:
+      return value
+  }
+}
+
+$('button[data-try-eth-api-ui-button-type="execute"]').click(event => {
+  const clickedButton = $(event.target)
+  const module = clickedButton.attr('data-module')
+  const action = clickedButton.attr('data-action')
+  const inputs = $(`input[data-selector="${module}-${action}-try-api-ui"]`)
+  const params = $.map(inputs, parseInput)
+  const formData = wrapJsonRpc(action, params)
+  console.log(formData)
+  const loadingText = '<span class="loading-spinner-small mr-2"><span class="loading-spinner-block-1"></span><span class="loading-spinner-block-2"></span></span> Loading...'
+
+  clickedButton.prop('disabled', true)
+  clickedButton.data('original-text', clickedButton.html())
+
+  if (clickedButton.html() !== loadingText) {
+    clickedButton.html(loadingText)
+  }
+
+  $.ajax({
+    url: '/api/eth_rpc',
+    type: 'POST',
+    data: JSON.stringify(formData),
+    dataType: 'json',
+    contentType: 'application/json; charset=utf-8'
+  }).then((_data, _status, xhr) => handleResponse(formData, xhr, clickedButton))
+})
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
new file mode 100644
index 0000000000..14e69b95f5
--- /dev/null
+++ b/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
@@ -0,0 +1,166 @@
+<div class="api-doc-list-item" >
+  <div
+    aria-controls="<%= @action %>"
+    aria-expanded="false"
+    class="api-doc-list-item-contents"
+    data-toggle="collapse"
+    href="#<%= @action %>"
+  >
+    <div data-selector="stop-propagation" class="api-doc-list-item-description">
+      <h3 class="api-doc-list-item-title"><%= @action %></h3>
+      <p class="api-doc-list-item-title"><%= raw @info.notes %></p>
+      <p class="api-doc-list-item-query api-text-monospace api-text-monospace-background">curl -X POST --data '{"id":0,"jsonrpc":"2.0","method": "<%= @action %>", params: []}'</p>
+      <p class="api-doc-list-item-text"><%= raw @info.example %></p>
+    </div>
+    <div class="api-doc-list-item-controls">
+      <div class="api-doc-list-item-controls-badges">
+        <span class="badge badge-neutral api-badge"><%= gettext "POST" %></span>
+      </div>
+      <span class="api-doc-list-item-controls-view-more">
+        <span class="api-doc-list-item-controls-view-more-open">More Details <span class="fa fa-chevron-down"></span></span>
+        <span class="api-doc-list-item-controls-view-more-close">Hide Details <span class="fa fa-chevron-up"></span></span>
+      </span>
+    </div>
+  </div>
+  <!-- Parameters -->
+  <div
+    class="collapse multi-collapse api-doc-parameters-container"
+    id="<%= @action %>"
+  >
+    <h3 class="card-title margin-bottom-md">
+      <%= gettext "Parameters" %>
+      <button
+        class="btn-full-primary float-right"
+        data-action="<%= @action %>"
+        data-module="eth"
+        data-selector='<%= "eth-#{@action}-btn-try-api" %>'
+        role="button"
+      ><%= gettext "Try it out" %></button>
+      <button
+        class="collapse btn-line float-right"
+        data-action="<%= @action %>"
+        data-module="eth"
+        data-selector='<%= "eth-#{@action}-btn-try-api-cancel" %>'
+        role="button"
+      ><%= gettext "Cancel" %></button>
+    </h3>
+    <!-- Parameters description list -->
+    <div class="api-doc-parameters-list">
+      <div class="row d-none d-md-flex">
+        <h4 class="col-2 api-doc-parameters-list-title"><%= gettext "Name" %></h4>
+        <h3 class="col-10 api-doc-parameters-list-title"><%= gettext "Description" %></h3>
+      </div>
+      <!-- Params -->
+      <%= for {name, description, type} <- @info.params do %>
+        <div class="row api-doc-parameters-list-item">
+          <div class="col-sm-4 col-md-2">
+            <h5 class="api-doc-parameters-list-item-title"><%= name %> <span class="align-text-bottom text-danger"></span></h5>
+          </div>
+          <div class="col-sm-8 col-md-10">
+            <p  class="api-doc-parameters-list-item-description"><%= description %></p>
+            <input
+              class="collapse form-control"
+              data-parameter-type='<%= type %>'
+              data-selector='<%= "eth-#{@action}-try-api-ui" %>'
+              type="text"
+            />
+          </div>
+        </div>
+      <% end %>
+
+      <!-- Buttons for Other / Extra -->
+      <div class="row">
+        <div class="col-sm-2 offset-sm-4 col-md-2 offset-md-2">
+          <button
+            class="collapse button button-primary w-100"
+            data-action="<%= @action %>"
+            data-module="eth"
+            data-selector='<%= "eth-#{@action}-try-api-ui" %>'
+            data-try-eth-api-ui-button-type="execute"
+            role="button"
+          ><%= gettext "Execute" %></button>
+        </div>
+        <div class="col-sm-2 col-md-2 mt-2 mt-md-0">
+          <button
+            class="collapse button button-secondary w-100"
+            data-action="<%= @action %>"
+            data-module="eth"
+            data-selector='<%= "eth-#{@action}-btn-try-api-clear" %>'
+            role="button"
+          ><%= gettext "Clear" %></button>
+        </div>
+      </div>
+    </div>
+
+    <!-- CURL / Request URL / Server Response -->
+    <div
+      class="tile text-dark mt-5 collapse"
+      data-selector='<%= "eth-#{@action}-try-api-ui-result" %>'
+    >
+      <div class="mb-3">
+        <h5 class="api-doc-parameters-list-item-title"><%= gettext "Curl" %></h5>
+        <div class="tile tile-muted p-1">
+          <pre
+            class="m-2"
+            data-selector='<%= "eth-#{@action}-curl" %>'
+          ></pre>
+        </div>
+      </div>
+      <h5 class="api-doc-parameters-list-item-title"><%= gettext "Server Response" %></h5>
+      <div class="row">
+        <h4 class="col-2 api-doc-parameters-list-title"><%= gettext "Code" %></h4>
+        <h4 class="col-10 api-doc-parameters-list-title"><%= gettext "Details" %></h4>
+      </div>
+      <div class="row">
+        <div
+          class="col-2 pr-0 pr-md-2 col-md-2"
+        ><strong data-selector='<%= "eth-#{@action}-server-response-code" %>'></strong></div>
+        <div class="col-10 col-md-10">
+          <p class="api-doc-parameters-list-item-description"><%= gettext "Response Body" %></p>
+            <div class="tile tile-muted p-1 card-server-response-body">
+              <pre
+                class="m-2"
+                data-selector='<%= "eth-#{@action}-server-response-body" %>'
+              ></pre>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Responses -->
+    <h3 class="card-title margin-bottom-md"><%= gettext "Responses" %></h3>
+    <div class="row api-doc-parameters-list-item mb-0">
+      <h4 class="col-2 api-doc-parameters-list-title"><%= gettext "Code" %></h4>
+      <h5 class="col-10 api-doc-parameters-list-title"><%= gettext "Description" %></h5>
+    </div>
+    <div class="row api-doc-parameters-list-item">
+      <div class="col-2 pr-0 pr-md-2"><strong>200</strong></div>
+      <div class="col-10">
+        <div class="tile tile-muted p-1 mb-3">
+          <pre class="m-2"><strong>successful operation</strong></pre>
+        </div>
+        <!-- Tabs -->
+        <ul
+          class="nav nav-pills mb-3"
+          role="tablist"
+        >
+          <li class="nav-item">
+            <a class="nav-link api-doc-tab active"><%= gettext "Example Value" %></a>
+          </li>
+        </ul>
+        <!-- Tab Content -->
+        <div class="tab-content">
+          <!-- Example Value Tab -->
+          <div class="tab-pane fade show active">
+            <div class="tile tile-muted p-1">
+              <pre
+                class="m-2"
+                data-json='<%= @info.result %>'
+              ></pre>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/api_docs/eth_rpc.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/api_docs/eth_rpc.html.eex
index 134b3e13e1..2c2c453841 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/api_docs/eth_rpc.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/api_docs/eth_rpc.html.eex
@@ -18,19 +18,9 @@
   </div>
   <div class="card">
     <div class="card-body">
-        <table class="table">
-          <tr>
-            <th>Supported Method</th>
-            <th>Notes</th>
-            <th>Parameters example</th>
-          </tr>
-          <%= for {method, info} <- Map.to_list(@documentation) do %>
-            <tr>
-              <td> <a href="https://github.com/ethereum/wiki/wiki/JSON-RPC#<%= method %>"> <%= method %> </a> </td>
-              <td> <%= Map.get(info, :notes, "N/A") %> </td>
-              <td> <%= Map.get(info, :example, "N/A") %> </td>
-            </tr>
-          <% end %>
-        </table>
+      <%= for {method, info} <- Map.to_list(@documentation) do %>
+        <%= render "_eth_rpc_item.html", action: method, info: info %>
+      <% end %>
+    </div>
   </div>
 </section>
diff --git a/apps/explorer/lib/explorer/eth_rpc.ex b/apps/explorer/lib/explorer/eth_rpc.ex
index e0864ac279..3901248938 100644
--- a/apps/explorer/lib/explorer/eth_rpc.ex
+++ b/apps/explorer/lib/explorer/eth_rpc.ex
@@ -16,7 +16,14 @@ defmodule Explorer.EthRPC do
       are not currently imported
       """,
       example: """
-      {"id": 0, "jsonrpc": "2.0", "method": "eth_getBalance", "params": ["0x0000000000000000000000000000000000000007", "2"]}
+      {"id": 0, "jsonrpc": "2.0", "method": "eth_getBalance", "params": ["0x0000000000000000000000000000000000000007", "latest"]}
+      """,
+      params: [
+        {"DATA", "20 Bytes - address to check for balance", "string"},
+        {"QUANTITY|TAG", "integer block number, or the string \"latest\", \"earliest\" or \"pending\"", "string"}
+      ],
+      result: """
+      {"id": 0, "jsonrpc": "2.0", "result": "0x0234c8a3397aab58"}
       """
     },
     "eth_getLogs" => %{
@@ -33,6 +40,25 @@ defmodule Explorer.EthRPC do
          "fromBlock": "earliest",
          "toBlock": "latest",
          "topics": ["0xddf252ad1be2c89b69c2b068fc378daa952ba7f163c4a11628f55a4df523b3ef"]}]}
+      """,
+      params: [
+        {"Object", "The filter options", "json"}
+      ],
+      result: """
+      {
+        "id":0,
+        "jsonrpc":"2.0",
+        "result": [{
+          "logIndex": "0x1",
+          "blockNumber":"0x1b4",
+          "blockHash": "0x8216c5785ac562ff41e2dcfdf5785ac562ff41e2dcfdf829c5a142f1fccd7d",
+          "transactionHash":  "0xdf829c5a142f1fccd7d8216c5785ac562ff41e2dcfdf5785ac562ff41e2dcf",
+          "transactionIndex": "0x0",
+          "address": "0x16c5785ac562ff41e2dcfdf829c5a142f1fccd7d",
+          "data":"0x0000000000000000000000000000000000000000000000000000000000000000",
+          "topics": ["0x59ebeb90bc63057b6515673c3ecf9438e5058bca0f92585014eced636878c9a5"]
+          }]
+      }
       """
     }
   }

From 33a769e8904279f3560618c1eb4fbd88baa1bbd7 Mon Sep 17 00:00:00 2001
From: saneery <anatolyniky@gmail.com>
Date: Thu, 25 Jul 2019 13:39:41 +0300
Subject: [PATCH 02/29] Update gettext

---
 apps/block_scout_web/priv/gettext/default.pot   | 17 +++++++++++++++++
 .../priv/gettext/en/LC_MESSAGES/default.po      | 17 +++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/apps/block_scout_web/priv/gettext/default.pot b/apps/block_scout_web/priv/gettext/default.pot
index bf490e4091..a96252e762 100644
--- a/apps/block_scout_web/priv/gettext/default.pot
+++ b/apps/block_scout_web/priv/gettext/default.pot
@@ -199,11 +199,13 @@ msgstr ""
 #, elixir-format
 #: lib/block_scout_web/templates/address_contract_verification/new.html.eex:253
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:47
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:45
 msgid "Cancel"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:137
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:90
 msgid "Clear"
 msgstr ""
 
@@ -220,6 +222,8 @@ msgstr ""
 #: lib/block_scout_web/templates/address/_tabs.html.eex:42
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:165
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:187
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:111
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:133
 #: lib/block_scout_web/views/address_view.ex:307
 msgid "Code"
 msgstr ""
@@ -325,6 +329,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:146
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:101
 msgid "Curl"
 msgstr ""
 
@@ -339,12 +344,15 @@ msgstr ""
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:53
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:188
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:51
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:134
 msgid "Description"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/address/overview.html.eex:8
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:166
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:112
 msgid "Details"
 msgstr ""
 
@@ -386,11 +394,13 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:211
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:148
 msgid "Example Value"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:128
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:81
 msgid "Execute"
 msgstr ""
 
@@ -556,6 +566,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:52
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:50
 #: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:16
 #: lib/block_scout_web/templates/transaction_log/_logs.html.eex:45
 msgid "Name"
@@ -590,11 +601,13 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:19
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:17
 msgid "POST"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:33
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:31
 msgid "Parameters"
 msgstr ""
 
@@ -659,11 +672,13 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:173
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:119
 msgid "Response Body"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:185
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:131
 msgid "Responses"
 msgstr ""
 
@@ -682,6 +697,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:163
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:109
 msgid "Server Response"
 msgstr ""
 
@@ -890,6 +906,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:40
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:38
 msgid "Try it out"
 msgstr ""
 
diff --git a/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po b/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
index 107563ea66..367d2a3973 100644
--- a/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
+++ b/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
@@ -199,11 +199,13 @@ msgstr ""
 #, elixir-format
 #: lib/block_scout_web/templates/address_contract_verification/new.html.eex:253
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:47
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:45
 msgid "Cancel"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:137
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:90
 msgid "Clear"
 msgstr ""
 
@@ -220,6 +222,8 @@ msgstr ""
 #: lib/block_scout_web/templates/address/_tabs.html.eex:42
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:165
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:187
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:111
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:133
 #: lib/block_scout_web/views/address_view.ex:307
 msgid "Code"
 msgstr ""
@@ -325,6 +329,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:146
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:101
 msgid "Curl"
 msgstr ""
 
@@ -339,12 +344,15 @@ msgstr ""
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:53
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:188
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:51
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:134
 msgid "Description"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/address/overview.html.eex:8
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:166
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:112
 msgid "Details"
 msgstr ""
 
@@ -386,11 +394,13 @@ msgstr "POA"
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:211
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:148
 msgid "Example Value"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:128
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:81
 msgid "Execute"
 msgstr ""
 
@@ -556,6 +566,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:52
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:50
 #: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:16
 #: lib/block_scout_web/templates/transaction_log/_logs.html.eex:45
 msgid "Name"
@@ -590,11 +601,13 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:19
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:17
 msgid "POST"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:33
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:31
 msgid "Parameters"
 msgstr ""
 
@@ -659,11 +672,13 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:173
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:119
 msgid "Response Body"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:185
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:131
 msgid "Responses"
 msgstr ""
 
@@ -682,6 +697,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:163
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:109
 msgid "Server Response"
 msgstr ""
 
@@ -890,6 +906,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:40
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:38
 msgid "Try it out"
 msgstr ""
 

From 63531a4d723e932ddfb63c571d33f91c6480be58 Mon Sep 17 00:00:00 2001
From: saneery <anatolyniky@gmail.com>
Date: Thu, 25 Jul 2019 13:41:31 +0300
Subject: [PATCH 03/29] Add changelog entry

---
 CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0b621bd681..5dd084b3f3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,7 @@
 ## Current
 
 ### Features
+- [#2433](https://github.com/poanetwork/blockscout/pull/2433) - Add a functionality to try Eth RPC methods in the documentation
 - [#2391](https://github.com/poanetwork/blockscout/pull/2391) - Controllers Improvements
 - [#2379](https://github.com/poanetwork/blockscout/pull/2379) - Disable network selector when is empty
 - [#2374](https://github.com/poanetwork/blockscout/pull/2374) - decode constructor arguments for verified smart contracts

From 5e8eb7d6ab1932ac5c036d7cf1fc1eb00b3136ed Mon Sep 17 00:00:00 2001
From: saneery <anatolyniky@gmail.com>
Date: Tue, 30 Jul 2019 13:24:05 +0300
Subject: [PATCH 04/29] Add default and required field to params

---
 .../templates/api_docs/_eth_rpc_item.html.eex | 83 ++++++++++---------
 .../templates/api_docs/eth_rpc.html.eex       |  8 +-
 apps/block_scout_web/priv/gettext/default.pot | 23 ++---
 .../priv/gettext/en/LC_MESSAGES/default.po    | 23 ++---
 apps/explorer/lib/explorer/eth_rpc.ex         | 20 ++++-
 5 files changed, 89 insertions(+), 68 deletions(-)

diff --git a/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
index 14e69b95f5..60c26d25b0 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
@@ -8,7 +8,7 @@
   >
     <div data-selector="stop-propagation" class="api-doc-list-item-description">
       <h3 class="api-doc-list-item-title"><%= @action %></h3>
-      <p class="api-doc-list-item-title"><%= raw @info.notes %></p>
+      <p class="api-doc-list-item-contents"><%= raw @info.notes %></p>
       <p class="api-doc-list-item-query api-text-monospace api-text-monospace-background">curl -X POST --data '{"id":0,"jsonrpc":"2.0","method": "<%= @action %>", params: []}'</p>
       <p class="api-doc-list-item-text"><%= raw @info.example %></p>
     </div>
@@ -51,18 +51,27 @@
         <h3 class="col-10 api-doc-parameters-list-title"><%= gettext "Description" %></h3>
       </div>
       <!-- Params -->
-      <%= for {name, description, type} <- @info.params do %>
+      <%= for param <- @info.params do %>
         <div class="row api-doc-parameters-list-item">
           <div class="col-sm-4 col-md-2">
-            <h5 class="api-doc-parameters-list-item-title"><%= name %> <span class="align-text-bottom text-danger"></span></h5>
+            <h5 class="api-doc-parameters-list-item-title">
+              <%= param.name %>
+              <%= if param.required do %>
+                <span class="align-text-bottom text-danger">
+                  *<small><%= gettext "required" %></small>
+                </span>
+              <% end %>
+            </h5>
           </div>
           <div class="col-sm-8 col-md-10">
-            <p  class="api-doc-parameters-list-item-description"><%= description %></p>
+            <p  class="api-doc-parameters-list-item-description"><%= param.description %></p>
             <input
-              class="collapse form-control"
-              data-parameter-type='<%= type %>'
+              class="collapse form-control <%= if param.required, do: "form-control-danger is-invalid" %>"
+              data-parameter-type='<%= param.type %>'
+              data-required='<%= if param.required, do: "true", else: "false" %>'
               data-selector='<%= "eth-#{@action}-try-api-ui" %>'
-              type="text"
+              type="text",
+              value='<%= param.default %>'
             />
           </div>
         </div>
@@ -90,38 +99,38 @@
           ><%= gettext "Clear" %></button>
         </div>
       </div>
-    </div>
 
-    <!-- CURL / Request URL / Server Response -->
-    <div
-      class="tile text-dark mt-5 collapse"
-      data-selector='<%= "eth-#{@action}-try-api-ui-result" %>'
-    >
-      <div class="mb-3">
-        <h5 class="api-doc-parameters-list-item-title"><%= gettext "Curl" %></h5>
-        <div class="tile tile-muted p-1">
-          <pre
-            class="m-2"
-            data-selector='<%= "eth-#{@action}-curl" %>'
-          ></pre>
+      <!-- CURL / Request URL / Server Response -->
+      <div
+        class="tile text-dark mt-5 collapse"
+        data-selector='<%= "eth-#{@action}-try-api-ui-result" %>'
+      >
+        <div class="mb-3">
+          <h5 class="api-doc-parameters-list-item-title"><%= gettext "Curl" %></h5>
+          <div class="tile tile-muted p-1">
+            <pre
+              class="m-2"
+              data-selector='<%= "eth-#{@action}-curl" %>'
+            ></pre>
+          </div>
         </div>
-      </div>
-      <h5 class="api-doc-parameters-list-item-title"><%= gettext "Server Response" %></h5>
-      <div class="row">
-        <h4 class="col-2 api-doc-parameters-list-title"><%= gettext "Code" %></h4>
-        <h4 class="col-10 api-doc-parameters-list-title"><%= gettext "Details" %></h4>
-      </div>
-      <div class="row">
-        <div
-          class="col-2 pr-0 pr-md-2 col-md-2"
-        ><strong data-selector='<%= "eth-#{@action}-server-response-code" %>'></strong></div>
-        <div class="col-10 col-md-10">
-          <p class="api-doc-parameters-list-item-description"><%= gettext "Response Body" %></p>
-            <div class="tile tile-muted p-1 card-server-response-body">
-              <pre
-                class="m-2"
-                data-selector='<%= "eth-#{@action}-server-response-body" %>'
-              ></pre>
+        <h5 class="api-doc-parameters-list-item-title"><%= gettext "Server Response" %></h5>
+        <div class="row">
+          <h4 class="col-2 api-doc-parameters-list-title"><%= gettext "Code" %></h4>
+          <h4 class="col-10 api-doc-parameters-list-title"><%= gettext "Details" %></h4>
+        </div>
+        <div class="row">
+          <div
+            class="col-2 pr-0 pr-md-2 col-md-2"
+          ><strong data-selector='<%= "eth-#{@action}-server-response-code" %>'></strong></div>
+          <div class="col-10 col-md-10">
+            <p class="api-doc-parameters-list-item-description"><%= gettext "Response Body" %></p>
+              <div class="tile tile-muted p-1 card-server-response-body">
+                <pre
+                  class="m-2"
+                  data-selector='<%= "eth-#{@action}-server-response-body" %>'
+                ></pre>
+            </div>
           </div>
         </div>
       </div>
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/api_docs/eth_rpc.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/api_docs/eth_rpc.html.eex
index 2c2c453841..c85e4d3214 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/api_docs/eth_rpc.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/api_docs/eth_rpc.html.eex
@@ -17,10 +17,8 @@
     </div>
   </div>
   <div class="card">
-    <div class="card-body">
-      <%= for {method, info} <- Map.to_list(@documentation) do %>
-        <%= render "_eth_rpc_item.html", action: method, info: info %>
-      <% end %>
-    </div>
+    <%= for {method, info} <- Map.to_list(@documentation) do %>
+      <%= render "_eth_rpc_item.html", action: method, info: info %>
+    <% end %>
   </div>
 </section>
diff --git a/apps/block_scout_web/priv/gettext/default.pot b/apps/block_scout_web/priv/gettext/default.pot
index c483e91d5a..394355ce77 100644
--- a/apps/block_scout_web/priv/gettext/default.pot
+++ b/apps/block_scout_web/priv/gettext/default.pot
@@ -205,7 +205,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:137
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:90
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:99
 msgid "Clear"
 msgstr ""
 
@@ -222,8 +222,8 @@ msgstr ""
 #: lib/block_scout_web/templates/address/_tabs.html.eex:42
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:165
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:187
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:111
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:133
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:119
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:142
 #: lib/block_scout_web/views/address_view.ex:307
 msgid "Code"
 msgstr ""
@@ -329,7 +329,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:146
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:101
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:109
 msgid "Curl"
 msgstr ""
 
@@ -337,14 +337,14 @@ msgstr ""
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:53
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:188
 #: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:51
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:134
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:143
 msgid "Description"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/address/overview.html.eex:8
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:166
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:112
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:120
 msgid "Details"
 msgstr ""
 
@@ -386,13 +386,13 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:211
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:148
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:157
 msgid "Example Value"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:128
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:81
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:90
 msgid "Execute"
 msgstr ""
 
@@ -665,13 +665,13 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:173
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:119
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:127
 msgid "Response Body"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:185
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:131
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:140
 msgid "Responses"
 msgstr ""
 
@@ -690,7 +690,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:163
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:109
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:117
 msgid "Server Response"
 msgstr ""
 
@@ -1013,6 +1013,7 @@ msgstr ""
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:58
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:69
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:81
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:61
 msgid "required"
 msgstr ""
 
diff --git a/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po b/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
index 0280cfb9e5..e4114af829 100644
--- a/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
+++ b/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
@@ -205,7 +205,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:137
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:90
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:99
 msgid "Clear"
 msgstr ""
 
@@ -222,8 +222,8 @@ msgstr ""
 #: lib/block_scout_web/templates/address/_tabs.html.eex:42
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:165
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:187
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:111
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:133
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:119
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:142
 #: lib/block_scout_web/views/address_view.ex:307
 msgid "Code"
 msgstr ""
@@ -329,7 +329,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:146
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:101
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:109
 msgid "Curl"
 msgstr ""
 
@@ -337,14 +337,14 @@ msgstr ""
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:53
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:188
 #: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:51
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:134
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:143
 msgid "Description"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/address/overview.html.eex:8
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:166
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:112
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:120
 msgid "Details"
 msgstr ""
 
@@ -386,13 +386,13 @@ msgstr "POA"
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:211
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:148
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:157
 msgid "Example Value"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:128
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:81
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:90
 msgid "Execute"
 msgstr ""
 
@@ -665,13 +665,13 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:173
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:119
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:127
 msgid "Response Body"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:185
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:131
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:140
 msgid "Responses"
 msgstr ""
 
@@ -690,7 +690,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:163
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:109
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:117
 msgid "Server Response"
 msgstr ""
 
@@ -1013,6 +1013,7 @@ msgstr ""
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:58
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:69
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:81
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:61
 msgid "required"
 msgstr ""
 
diff --git a/apps/explorer/lib/explorer/eth_rpc.ex b/apps/explorer/lib/explorer/eth_rpc.ex
index 3901248938..04d257ffb1 100644
--- a/apps/explorer/lib/explorer/eth_rpc.ex
+++ b/apps/explorer/lib/explorer/eth_rpc.ex
@@ -12,15 +12,27 @@ defmodule Explorer.EthRPC do
     "eth_getBalance" => %{
       action: :eth_get_balance,
       notes: """
-      the `earliest` parameter will not work as expected currently, because genesis block balances
+      The `earliest` parameter will not work as expected currently, because genesis block balances
       are not currently imported
       """,
       example: """
       {"id": 0, "jsonrpc": "2.0", "method": "eth_getBalance", "params": ["0x0000000000000000000000000000000000000007", "latest"]}
       """,
       params: [
-        {"DATA", "20 Bytes - address to check for balance", "string"},
-        {"QUANTITY|TAG", "integer block number, or the string \"latest\", \"earliest\" or \"pending\"", "string"}
+        %{
+          name: "Data",
+          description: "20 Bytes - address to check for balance",
+          type: "string",
+          default: nil,
+          required: true
+        },
+        %{
+          name: "Quantity|Tag",
+          description: "Integer block number, or the string \"latest\", \"earliest\" or \"pending\"",
+          type: "string",
+          default: "latest",
+          required: true
+        }
       ],
       result: """
       {"id": 0, "jsonrpc": "2.0", "result": "0x0234c8a3397aab58"}
@@ -42,7 +54,7 @@ defmodule Explorer.EthRPC do
          "topics": ["0xddf252ad1be2c89b69c2b068fc378daa952ba7f163c4a11628f55a4df523b3ef"]}]}
       """,
       params: [
-        {"Object", "The filter options", "json"}
+        %{name: "Object", description: "The filter options", type: "json", default: nil, required: true}
       ],
       result: """
       {

From 7200dfe1658afe14e587c93720783ab319029246 Mon Sep 17 00:00:00 2001
From: saneery <anatolyniky@gmail.com>
Date: Thu, 1 Aug 2019 12:28:28 +0300
Subject: [PATCH 05/29] Display required fields with default value as valid

---
 .../block_scout_web/templates/api_docs/_eth_rpc_item.html.eex   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
index 60c26d25b0..afb4501ab8 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
@@ -66,7 +66,7 @@
           <div class="col-sm-8 col-md-10">
             <p  class="api-doc-parameters-list-item-description"><%= param.description %></p>
             <input
-              class="collapse form-control <%= if param.required, do: "form-control-danger is-invalid" %>"
+              class="collapse form-control <%= if param.required && !param.default, do: "form-control-danger is-invalid" %>"
               data-parameter-type='<%= param.type %>'
               data-required='<%= if param.required, do: "true", else: "false" %>'
               data-selector='<%= "eth-#{@action}-try-api-ui" %>'

From 77b7d34d50225ad68b47cd0565ec972e33decc3e Mon Sep 17 00:00:00 2001
From: Victor Baranov <baranov.viktor.27@gmail.com>
Date: Tue, 6 Aug 2019 19:53:43 +0300
Subject: [PATCH 06/29] Isolating staking dapp css, extracting of non-critical
 css

---
 apps/block_scout_web/assets/css/app.scss      | 20 ++----
 .../assets/css/components/_modal.scss         |  6 --
 .../css/components/_modal_variables.scss      |  5 ++
 .../assets/css/components/_stakes_table.scss  |  2 +
 .../components/{ => stakes}/_copy_icon.scss   |  0
 .../{ => stakes}/_modal_become_candidate.scss |  0
 .../_modal_bottom_disclaimer.scss             |  0
 .../components/{ => stakes}/_modal_stake.scss |  0
 .../{ => stakes}/_modal_validator_info.scss   |  0
 .../{ => stakes}/_progress_from_to.scss       |  0
 .../css/components/{ => stakes}/_stakes.scss  |  0
 .../{ => stakes}/_stakes_btn_remove_pool.scss |  0
 .../{ => stakes}/_stakes_empty_content.scss   |  0
 .../{ => stakes}/_stakes_progress.scss        |  3 +
 .../assets/css/non-critical.scss              | 13 ++++
 apps/block_scout_web/assets/css/stakes.scss   | 19 ++++++
 .../block_scout_web/assets/js/non-critical.js | 63 +++++++++++++++++++
 .../block_scout_web/assets/js/pages/stakes.js |  1 +
 apps/block_scout_web/assets/package.json      |  4 +-
 apps/block_scout_web/assets/webpack.config.js | 10 ++-
 .../templates/layout/app.html.eex             |  2 +
 21 files changed, 121 insertions(+), 27 deletions(-)
 create mode 100644 apps/block_scout_web/assets/css/components/_modal_variables.scss
 rename apps/block_scout_web/assets/css/components/{ => stakes}/_copy_icon.scss (100%)
 rename apps/block_scout_web/assets/css/components/{ => stakes}/_modal_become_candidate.scss (100%)
 rename apps/block_scout_web/assets/css/components/{ => stakes}/_modal_bottom_disclaimer.scss (100%)
 rename apps/block_scout_web/assets/css/components/{ => stakes}/_modal_stake.scss (100%)
 rename apps/block_scout_web/assets/css/components/{ => stakes}/_modal_validator_info.scss (100%)
 rename apps/block_scout_web/assets/css/components/{ => stakes}/_progress_from_to.scss (100%)
 rename apps/block_scout_web/assets/css/components/{ => stakes}/_stakes.scss (100%)
 rename apps/block_scout_web/assets/css/components/{ => stakes}/_stakes_btn_remove_pool.scss (100%)
 rename apps/block_scout_web/assets/css/components/{ => stakes}/_stakes_empty_content.scss (100%)
 rename apps/block_scout_web/assets/css/components/{ => stakes}/_stakes_progress.scss (93%)
 create mode 100644 apps/block_scout_web/assets/css/non-critical.scss
 create mode 100644 apps/block_scout_web/assets/css/stakes.scss
 create mode 100644 apps/block_scout_web/assets/js/non-critical.js
 create mode 100644 apps/block_scout_web/assets/js/pages/stakes.js

diff --git a/apps/block_scout_web/assets/css/app.scss b/apps/block_scout_web/assets/css/app.scss
index e91df91740..4a914c6944 100644
--- a/apps/block_scout_web/assets/css/app.scss
+++ b/apps/block_scout_web/assets/css/app.scss
@@ -24,7 +24,6 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
 @import "node_modules/bootstrap/scss/reboot";
 @import "node_modules/bootstrap/scss/grid";
 @import "node_modules/bootstrap/scss/code";
-@import "node_modules/bootstrap/scss/modal";
 @import "node_modules/bootstrap/scss/close";
 @import "node_modules/bootstrap/scss/buttons";
 @import "node_modules/bootstrap/scss/forms";
@@ -50,7 +49,6 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
 @import "node_modules/bootstrap/scss/navbar";
 @import "node_modules/bootstrap/scss/pagination";
 @import "node_modules/bootstrap/scss/tables";
-@import "node_modules/bootstrap/scss/tooltip";
 @import "node_modules/bootstrap/scss/transitions";
 
 // Code highlight
@@ -75,8 +73,10 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
 @import "components/filter";
 @import "components/button";
 @import "components/table";
-@import "components/qr-code";
 @import "components/navbar";
+
+@import "theme/dark-theme";
+
 @import "components/animations";
 @import "components/card";
 @import "components/tile";
@@ -93,26 +93,14 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
 @import "components/transaction-input";
 @import "components/coin-balance-tile";
 @import "components/highlight";
-@import "components/copy_icon";
 @import "components/btn_full";
 @import "components/btn_line";
-@import "components/stakes";
 @import "components/check";
 @import "components/stakes_table";
 @import "components/i_tooltip";
 @import "components/check_tooltip";
 @import "components/tooltip";
-@import "components/progress_from_to";
-@import "components/stakes_empty_content";
-@import "components/stakes_btn_remove_pool";
-@import "components/modal";
-@import "components/modal_validator_info";
 @import "components/form";
-@import "components/stakes_progress";
-@import "components/modal_status";
-@import "components/modal_bottom_disclaimer";
-@import "components/modal_become_candidate";
-@import "components/modal_stake";
 @import "components/btn_copy";
 @import "components/btn_qr";
 @import "components/btn_address_card";
@@ -124,11 +112,11 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
 @import "components/errors";
 @import "components/log-search";
 @import "components/radio";
+@import "components/modal_variables";
 @import "components/network-selector";
 @import "components/new_smart_contract";
 @import "components/radio_big";
 @import "components/btn_no_border";
-@import "theme/dark-theme";
 
 :export {
   dashboardBannerChartAxisFontColor: $dashboard-banner-chart-axis-font-color;
diff --git a/apps/block_scout_web/assets/css/components/_modal.scss b/apps/block_scout_web/assets/css/components/_modal.scss
index bc9e16c875..4e70be687c 100644
--- a/apps/block_scout_web/assets/css/components/_modal.scss
+++ b/apps/block_scout_web/assets/css/components/_modal.scss
@@ -1,9 +1,3 @@
-$modal-overlay-color: rgba($primary, 0.9) !default;
-$modal-horizontal-padding: 30px !default;
-$modal-vertical-padding: 25px !default;
-$modal-border-radius: 10px !default;
-$modal-gray-background: #f6f7f9 !default;
-
 .modal-backdrop {
   background-color: $modal-overlay-color;
 
diff --git a/apps/block_scout_web/assets/css/components/_modal_variables.scss b/apps/block_scout_web/assets/css/components/_modal_variables.scss
new file mode 100644
index 0000000000..92e2a94a33
--- /dev/null
+++ b/apps/block_scout_web/assets/css/components/_modal_variables.scss
@@ -0,0 +1,5 @@
+$modal-overlay-color: rgba($primary, 0.9) !default;
+$modal-horizontal-padding: 30px !default;
+$modal-vertical-padding: 25px !default;
+$modal-border-radius: 10px !default;
+$modal-gray-background: #f6f7f9 !default;
\ No newline at end of file
diff --git a/apps/block_scout_web/assets/css/components/_stakes_table.scss b/apps/block_scout_web/assets/css/components/_stakes_table.scss
index 1831dc4d5b..46530836fb 100644
--- a/apps/block_scout_web/assets/css/components/_stakes_table.scss
+++ b/apps/block_scout_web/assets/css/components/_stakes_table.scss
@@ -1,5 +1,7 @@
 $stakes-table-th-background: #f5f6fa !default;
 $stakes-table-cell-separation: 25px !default;
+$stakes-banned-background: #fff3f7 !default;
+$stakes-banned-color: #ff7986 !default;
 
 .stakes-table-container {
   max-width: 100%;
diff --git a/apps/block_scout_web/assets/css/components/_copy_icon.scss b/apps/block_scout_web/assets/css/components/stakes/_copy_icon.scss
similarity index 100%
rename from apps/block_scout_web/assets/css/components/_copy_icon.scss
rename to apps/block_scout_web/assets/css/components/stakes/_copy_icon.scss
diff --git a/apps/block_scout_web/assets/css/components/_modal_become_candidate.scss b/apps/block_scout_web/assets/css/components/stakes/_modal_become_candidate.scss
similarity index 100%
rename from apps/block_scout_web/assets/css/components/_modal_become_candidate.scss
rename to apps/block_scout_web/assets/css/components/stakes/_modal_become_candidate.scss
diff --git a/apps/block_scout_web/assets/css/components/_modal_bottom_disclaimer.scss b/apps/block_scout_web/assets/css/components/stakes/_modal_bottom_disclaimer.scss
similarity index 100%
rename from apps/block_scout_web/assets/css/components/_modal_bottom_disclaimer.scss
rename to apps/block_scout_web/assets/css/components/stakes/_modal_bottom_disclaimer.scss
diff --git a/apps/block_scout_web/assets/css/components/_modal_stake.scss b/apps/block_scout_web/assets/css/components/stakes/_modal_stake.scss
similarity index 100%
rename from apps/block_scout_web/assets/css/components/_modal_stake.scss
rename to apps/block_scout_web/assets/css/components/stakes/_modal_stake.scss
diff --git a/apps/block_scout_web/assets/css/components/_modal_validator_info.scss b/apps/block_scout_web/assets/css/components/stakes/_modal_validator_info.scss
similarity index 100%
rename from apps/block_scout_web/assets/css/components/_modal_validator_info.scss
rename to apps/block_scout_web/assets/css/components/stakes/_modal_validator_info.scss
diff --git a/apps/block_scout_web/assets/css/components/_progress_from_to.scss b/apps/block_scout_web/assets/css/components/stakes/_progress_from_to.scss
similarity index 100%
rename from apps/block_scout_web/assets/css/components/_progress_from_to.scss
rename to apps/block_scout_web/assets/css/components/stakes/_progress_from_to.scss
diff --git a/apps/block_scout_web/assets/css/components/_stakes.scss b/apps/block_scout_web/assets/css/components/stakes/_stakes.scss
similarity index 100%
rename from apps/block_scout_web/assets/css/components/_stakes.scss
rename to apps/block_scout_web/assets/css/components/stakes/_stakes.scss
diff --git a/apps/block_scout_web/assets/css/components/_stakes_btn_remove_pool.scss b/apps/block_scout_web/assets/css/components/stakes/_stakes_btn_remove_pool.scss
similarity index 100%
rename from apps/block_scout_web/assets/css/components/_stakes_btn_remove_pool.scss
rename to apps/block_scout_web/assets/css/components/stakes/_stakes_btn_remove_pool.scss
diff --git a/apps/block_scout_web/assets/css/components/_stakes_empty_content.scss b/apps/block_scout_web/assets/css/components/stakes/_stakes_empty_content.scss
similarity index 100%
rename from apps/block_scout_web/assets/css/components/_stakes_empty_content.scss
rename to apps/block_scout_web/assets/css/components/stakes/_stakes_empty_content.scss
diff --git a/apps/block_scout_web/assets/css/components/_stakes_progress.scss b/apps/block_scout_web/assets/css/components/stakes/_stakes_progress.scss
similarity index 93%
rename from apps/block_scout_web/assets/css/components/_stakes_progress.scss
rename to apps/block_scout_web/assets/css/components/stakes/_stakes_progress.scss
index 4159099fcd..002860110c 100644
--- a/apps/block_scout_web/assets/css/components/_stakes_progress.scss
+++ b/apps/block_scout_web/assets/css/components/stakes/_stakes_progress.scss
@@ -1,3 +1,6 @@
+$modal-horizontal-padding: 30px !default;
+$modal-vertical-padding: 25px !default;
+
 .stakes-progress {
   .modal-stake-right & {
     border-left: 1px solid $base-border-color;
diff --git a/apps/block_scout_web/assets/css/non-critical.scss b/apps/block_scout_web/assets/css/non-critical.scss
new file mode 100644
index 0000000000..81d5bd2b09
--- /dev/null
+++ b/apps/block_scout_web/assets/css/non-critical.scss
@@ -0,0 +1,13 @@
+// Bootstrap Core CSS
+@import "node_modules/bootstrap/scss/functions";
+@import "node_modules/bootstrap/scss/mixins";
+
+@import "theme/variables";
+
+@import "node_modules/bootstrap/scss/modal";
+@import "node_modules/bootstrap/scss/tooltip";
+
+@import "components/qr-code";
+@import "components/modal_variables";
+@import "components/modal";
+@import "components/modal_status";
\ No newline at end of file
diff --git a/apps/block_scout_web/assets/css/stakes.scss b/apps/block_scout_web/assets/css/stakes.scss
new file mode 100644
index 0000000000..81410e12f0
--- /dev/null
+++ b/apps/block_scout_web/assets/css/stakes.scss
@@ -0,0 +1,19 @@
+@import "./mixins";
+
+// Bootstrap Core CSS
+@import "node_modules/bootstrap/scss/functions";
+@import "node_modules/bootstrap/scss/mixins";
+
+@import "theme/variables";
+
+@import "components/stakes/copy_icon";
+@import "components/stakes/stakes";
+@import "components/stakes/progress_from_to";
+@import "components/stakes/stakes_empty_content";
+@import "components/stakes/stakes_btn_remove_pool";
+@import "components/stakes/stakes_progress";
+@import "components/modal_variables";
+@import "components/stakes/modal_stake";
+@import "components/stakes/modal_become_candidate";
+@import "components/stakes/modal_validator_info";
+@import "components/stakes/modal_bottom_disclaimer";
\ No newline at end of file
diff --git a/apps/block_scout_web/assets/js/non-critical.js b/apps/block_scout_web/assets/js/non-critical.js
new file mode 100644
index 0000000000..89059dd306
--- /dev/null
+++ b/apps/block_scout_web/assets/js/non-critical.js
@@ -0,0 +1,63 @@
+// We need to import the CSS so that webpack will load it.
+// The ExtractTextPlugin is used to separate it out into
+// its own CSS file.
+import '../css/app.scss'
+
+// webpack automatically concatenates all files in your
+// watched paths. Those paths can be configured as
+// endpoints in "webpack.config.js".
+//
+// Import dependencies
+//
+import '@babel/polyfill'
+import 'phoenix_html'
+import 'bootstrap'
+
+// Import local files
+//
+// Local files can be imported directly using relative
+// paths "./socket" or full ones "web/static/js/socket".
+
+import './locale'
+
+import './pages/address'
+import './pages/address/coin_balances'
+import './pages/address/transactions'
+import './pages/address/logs'
+import './pages/address/validations'
+import './pages/address/internal_transactions'
+import './pages/blocks'
+import './pages/chain'
+import './pages/pending_transactions'
+import './pages/transaction'
+import './pages/transactions'
+import './pages/favorites'
+import './pages/network-search'
+import './pages/layout'
+import './pages/verification_form'
+import './pages/dark-mode-switcher'
+
+import './pages/admin/tasks.js'
+
+import './lib/clipboard_buttons'
+import './lib/currency'
+import './lib/from_now'
+import './lib/indexing'
+import './lib/loading_element'
+import './lib/market_history_chart'
+import './lib/pending_transactions_toggle'
+import './lib/pretty_json'
+import './lib/reload_button'
+import './lib/smart_contract/read_only_functions'
+import './lib/smart_contract/wei_ether_converter'
+import './lib/stop_propagation'
+import './lib/token_balance_dropdown'
+import './lib/token_balance_dropdown_search'
+import './lib/token_transfers_toggle'
+import './lib/transaction_input_dropdown'
+import './lib/async_listing_load'
+import './lib/tooltip'
+import './lib/modals'
+import './lib/try_api'
+import './lib/card_tabs'
+import './lib/network_selector'
diff --git a/apps/block_scout_web/assets/js/pages/stakes.js b/apps/block_scout_web/assets/js/pages/stakes.js
new file mode 100644
index 0000000000..dd379d254f
--- /dev/null
+++ b/apps/block_scout_web/assets/js/pages/stakes.js
@@ -0,0 +1 @@
+import '../../css/stakes.scss'
diff --git a/apps/block_scout_web/assets/package.json b/apps/block_scout_web/assets/package.json
index 3ae8973cca..1e8bc813cb 100644
--- a/apps/block_scout_web/assets/package.json
+++ b/apps/block_scout_web/assets/package.json
@@ -20,12 +20,12 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.1.0-4",
-    "highlight.js": "^9.13.1",
-    "highlightjs-solidity": "^1.0.6",
     "bignumber.js": "^7.2.1",
     "bootstrap": "^4.1.3",
     "chart.js": "^2.7.2",
     "clipboard": "^2.0.1",
+    "highlight.js": "^9.13.1",
+    "highlightjs-solidity": "^1.0.6",
     "humps": "^2.0.1",
     "jquery": "^3.3.1",
     "lodash": "^4.17.11",
diff --git a/apps/block_scout_web/assets/webpack.config.js b/apps/block_scout_web/assets/webpack.config.js
index f1091dcffb..6a50bd5a06 100644
--- a/apps/block_scout_web/assets/webpack.config.js
+++ b/apps/block_scout_web/assets/webpack.config.js
@@ -29,9 +29,13 @@ function transpileViewScript(file) {
 
 const appJs =
   {
-    entry: './js/app.js',
+    entry: {
+      app: './js/app.js',
+      stakes: './js/pages/stakes.js',
+      'non-critical': './css/non-critical.scss',
+    },
     output: {
-      filename: 'app.js',
+      filename: '[name].js',
       path: path.resolve(__dirname, '../priv/static/js')
     },
     optimization: {
@@ -80,7 +84,7 @@ const appJs =
     },
     plugins: [
       new MiniCssExtractPlugin({
-        filename: '../css/app.css'
+        filename: '../css/[name].css'
       }),
       new CopyWebpackPlugin([{ from: 'static/', to: '../' }]),
       new ContextReplacementPlugin(/moment[\/\\]locale$/, /en/)
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/layout/app.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/layout/app.html.eex
index c3b0fe2ff1..15b2167d43 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/layout/app.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/layout/app.html.eex
@@ -5,6 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="<%= static_path(@conn, "/css/app.css") %>">
+    <link rel="preload" href="/css/non-critical.css" as="style" onload="this.rel='stylesheet'">
+    <noscript><link rel="stylesheet" href="/css/non-critical.css"></noscript>
 
     <link rel="apple-touch-icon" sizes="180x180" href="<%= static_path(@conn, "/apple-touch-icon.png") %>">
     <link rel="icon" type="image/png" sizes="32x32" href="<%= static_path(@conn, "/favicon-32x32.png") %>">

From 83ee47fc85142bfb3e0f9753ce073d19d5254bfc Mon Sep 17 00:00:00 2001
From: Victor Baranov <baranov.viktor.27@gmail.com>
Date: Tue, 6 Aug 2019 21:28:13 +0300
Subject: [PATCH 07/29] Update variables

---
 apps/block_scout_web/assets/css/app.scss                       | 1 +
 apps/block_scout_web/assets/css/components/_stakes_table.scss  | 2 --
 apps/block_scout_web/assets/css/components/stakes/_stakes.scss | 2 --
 .../assets/css/components/stakes/_stakes_progress.scss         | 3 ---
 apps/block_scout_web/assets/css/stakes.scss                    | 3 ++-
 5 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/apps/block_scout_web/assets/css/app.scss b/apps/block_scout_web/assets/css/app.scss
index 4a914c6944..9c0f27e976 100644
--- a/apps/block_scout_web/assets/css/app.scss
+++ b/apps/block_scout_web/assets/css/app.scss
@@ -96,6 +96,7 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
 @import "components/btn_full";
 @import "components/btn_line";
 @import "components/check";
+@import "components/stakes_variables";
 @import "components/stakes_table";
 @import "components/i_tooltip";
 @import "components/check_tooltip";
diff --git a/apps/block_scout_web/assets/css/components/_stakes_table.scss b/apps/block_scout_web/assets/css/components/_stakes_table.scss
index 46530836fb..1831dc4d5b 100644
--- a/apps/block_scout_web/assets/css/components/_stakes_table.scss
+++ b/apps/block_scout_web/assets/css/components/_stakes_table.scss
@@ -1,7 +1,5 @@
 $stakes-table-th-background: #f5f6fa !default;
 $stakes-table-cell-separation: 25px !default;
-$stakes-banned-background: #fff3f7 !default;
-$stakes-banned-color: #ff7986 !default;
 
 .stakes-table-container {
   max-width: 100%;
diff --git a/apps/block_scout_web/assets/css/components/stakes/_stakes.scss b/apps/block_scout_web/assets/css/components/stakes/_stakes.scss
index 87271bc983..c6335ec066 100644
--- a/apps/block_scout_web/assets/css/components/stakes/_stakes.scss
+++ b/apps/block_scout_web/assets/css/components/stakes/_stakes.scss
@@ -1,8 +1,6 @@
 $stakes-dashboard-copy-icon-color: $copy-icon-color !default;
 $stakes-address-color: $primary !default;
 $stakes-control-color: $primary !default;
-$stakes-banned-color: #ff7986 !default;
-$stakes-banned-background: #fff3f7 !default;
 $stakes-stats-item-color: #fff !default;
 $stakes-stats-item-border-color: #fff !default;
 
diff --git a/apps/block_scout_web/assets/css/components/stakes/_stakes_progress.scss b/apps/block_scout_web/assets/css/components/stakes/_stakes_progress.scss
index 002860110c..4159099fcd 100644
--- a/apps/block_scout_web/assets/css/components/stakes/_stakes_progress.scss
+++ b/apps/block_scout_web/assets/css/components/stakes/_stakes_progress.scss
@@ -1,6 +1,3 @@
-$modal-horizontal-padding: 30px !default;
-$modal-vertical-padding: 25px !default;
-
 .stakes-progress {
   .modal-stake-right & {
     border-left: 1px solid $base-border-color;
diff --git a/apps/block_scout_web/assets/css/stakes.scss b/apps/block_scout_web/assets/css/stakes.scss
index 81410e12f0..77ada07b46 100644
--- a/apps/block_scout_web/assets/css/stakes.scss
+++ b/apps/block_scout_web/assets/css/stakes.scss
@@ -6,13 +6,14 @@
 
 @import "theme/variables";
 
+@import "components/stakes_variables";
 @import "components/stakes/copy_icon";
 @import "components/stakes/stakes";
 @import "components/stakes/progress_from_to";
 @import "components/stakes/stakes_empty_content";
 @import "components/stakes/stakes_btn_remove_pool";
-@import "components/stakes/stakes_progress";
 @import "components/modal_variables";
+@import "components/stakes/stakes_progress";
 @import "components/stakes/modal_stake";
 @import "components/stakes/modal_become_candidate";
 @import "components/stakes/modal_validator_info";

From 023d9d13a437a57feafd476be33fd294cdd60b85 Mon Sep 17 00:00:00 2001
From: Victor Baranov <baranov.viktor.27@gmail.com>
Date: Tue, 6 Aug 2019 21:32:42 +0300
Subject: [PATCH 08/29] stakes_variables.scss

---
 CHANGELOG.md                                     |  1 +
 .../assets/css/components/_stakes_variables.scss |  2 ++
 apps/block_scout_web/priv/gettext/default.pot    | 16 ++++++++--------
 .../priv/gettext/en/LC_MESSAGES/default.po       | 16 ++++++++--------
 4 files changed, 19 insertions(+), 16 deletions(-)
 create mode 100644 apps/block_scout_web/assets/css/components/_stakes_variables.scss

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 62d1cc05b7..619b9ff6f0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@
 - [#2456](https://github.com/poanetwork/blockscout/pull/2456) - fetch pending transactions for geth
 
 ### Fixes
+- [#2514](https://github.com/poanetwork/blockscout/pull/2514) - Isolating of staking dapp css && extracting of non-critical css
 - [#2503](https://github.com/poanetwork/blockscout/pull/2503) - Mitigate autocompletion library influence to page loading performance
 - [#2502](https://github.com/poanetwork/blockscout/pull/2502) - increase reward task timeout
 - [#2463](https://github.com/poanetwork/blockscout/pull/2463) - dark theme fixes
diff --git a/apps/block_scout_web/assets/css/components/_stakes_variables.scss b/apps/block_scout_web/assets/css/components/_stakes_variables.scss
new file mode 100644
index 0000000000..4c23ea421b
--- /dev/null
+++ b/apps/block_scout_web/assets/css/components/_stakes_variables.scss
@@ -0,0 +1,2 @@
+$stakes-banned-background: #fff3f7 !default;
+$stakes-banned-color: #ff7986 !default;
\ No newline at end of file
diff --git a/apps/block_scout_web/priv/gettext/default.pot b/apps/block_scout_web/priv/gettext/default.pot
index 95bb1f079b..1ea7381c9a 100644
--- a/apps/block_scout_web/priv/gettext/default.pot
+++ b/apps/block_scout_web/priv/gettext/default.pot
@@ -62,7 +62,7 @@ msgid "(query)"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/app.html.eex:36
+#: lib/block_scout_web/templates/layout/app.html.eex:38
 msgid "- We're indexing this chain right now. Some of the counts may be inaccurate."
 msgstr ""
 
@@ -157,7 +157,7 @@ msgid "Block Height: %{height}"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/app.html.eex:51
+#: lib/block_scout_web/templates/layout/app.html.eex:53
 msgid "Block Mined, awaiting import..."
 msgstr ""
 
@@ -184,7 +184,7 @@ msgid "Blocks"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/app.html.eex:50
+#: lib/block_scout_web/templates/layout/app.html.eex:52
 msgid "Blocks Indexed"
 msgstr ""
 
@@ -368,7 +368,7 @@ msgstr ""
 #, elixir-format
 #: lib/block_scout_web/templates/address/_balance_card.html.eex:15
 #: lib/block_scout_web/templates/internal_transaction/_tile.html.eex:21
-#: lib/block_scout_web/templates/layout/app.html.eex:56
+#: lib/block_scout_web/templates/layout/app.html.eex:58
 #: lib/block_scout_web/templates/transaction/_pending_tile.html.eex:20
 #: lib/block_scout_web/templates/transaction/_tile.html.eex:30
 #: lib/block_scout_web/templates/transaction/overview.html.eex:196
@@ -446,7 +446,7 @@ msgid "IN"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/app.html.eex:52
+#: lib/block_scout_web/templates/layout/app.html.eex:54
 msgid "Indexing Tokens"
 msgstr ""
 
@@ -478,7 +478,7 @@ msgid "Inventory"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/app.html.eex:53
+#: lib/block_scout_web/templates/layout/app.html.eex:55
 msgid "Less than"
 msgstr ""
 
@@ -499,7 +499,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/chain/show.html.eex:31
-#: lib/block_scout_web/templates/layout/app.html.eex:54
+#: lib/block_scout_web/templates/layout/app.html.eex:56
 #: lib/block_scout_web/views/address_view.ex:121
 #: lib/block_scout_web/views/address_view.ex:121
 msgid "Market Cap"
@@ -615,7 +615,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/chain/show.html.eex:24
-#: lib/block_scout_web/templates/layout/app.html.eex:55
+#: lib/block_scout_web/templates/layout/app.html.eex:57
 msgid "Price"
 msgstr ""
 
diff --git a/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po b/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
index 6ecd22e7fa..21d90a2493 100644
--- a/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
+++ b/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
@@ -62,7 +62,7 @@ msgid "(query)"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/app.html.eex:36
+#: lib/block_scout_web/templates/layout/app.html.eex:38
 msgid "- We're indexing this chain right now. Some of the counts may be inaccurate."
 msgstr ""
 
@@ -157,7 +157,7 @@ msgid "Block Height: %{height}"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/app.html.eex:51
+#: lib/block_scout_web/templates/layout/app.html.eex:53
 msgid "Block Mined, awaiting import..."
 msgstr ""
 
@@ -184,7 +184,7 @@ msgid "Blocks"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/app.html.eex:50
+#: lib/block_scout_web/templates/layout/app.html.eex:52
 msgid "Blocks Indexed"
 msgstr ""
 
@@ -368,7 +368,7 @@ msgstr ""
 #, elixir-format
 #: lib/block_scout_web/templates/address/_balance_card.html.eex:15
 #: lib/block_scout_web/templates/internal_transaction/_tile.html.eex:21
-#: lib/block_scout_web/templates/layout/app.html.eex:56
+#: lib/block_scout_web/templates/layout/app.html.eex:58
 #: lib/block_scout_web/templates/transaction/_pending_tile.html.eex:20
 #: lib/block_scout_web/templates/transaction/_tile.html.eex:30
 #: lib/block_scout_web/templates/transaction/overview.html.eex:196
@@ -446,7 +446,7 @@ msgid "IN"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/app.html.eex:52
+#: lib/block_scout_web/templates/layout/app.html.eex:54
 msgid "Indexing Tokens"
 msgstr ""
 
@@ -478,7 +478,7 @@ msgid "Inventory"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/app.html.eex:53
+#: lib/block_scout_web/templates/layout/app.html.eex:55
 msgid "Less than"
 msgstr ""
 
@@ -499,7 +499,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/chain/show.html.eex:31
-#: lib/block_scout_web/templates/layout/app.html.eex:54
+#: lib/block_scout_web/templates/layout/app.html.eex:56
 #: lib/block_scout_web/views/address_view.ex:121
 #: lib/block_scout_web/views/address_view.ex:121
 msgid "Market Cap"
@@ -615,7 +615,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/chain/show.html.eex:24
-#: lib/block_scout_web/templates/layout/app.html.eex:55
+#: lib/block_scout_web/templates/layout/app.html.eex:57
 msgid "Price"
 msgstr ""
 

From d8d4e8ccd83201f1757560e0a36d3f7a5b7295b7 Mon Sep 17 00:00:00 2001
From: saneery <anatolyniky@gmail.com>
Date: Wed, 7 Aug 2019 12:08:56 +0300
Subject: [PATCH 09/29] Rounded borders for inputs

---
 .../block_scout_web/templates/api_docs/_eth_rpc_item.html.eex   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
index afb4501ab8..77c8eee6a3 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
@@ -66,7 +66,7 @@
           <div class="col-sm-8 col-md-10">
             <p  class="api-doc-parameters-list-item-description"><%= param.description %></p>
             <input
-              class="collapse form-control <%= if param.required && !param.default, do: "form-control-danger is-invalid" %>"
+              class="collapse form-control border-rounded <%= if param.required && !param.default, do: "form-control-danger is-invalid" %>"
               data-parameter-type='<%= param.type %>'
               data-required='<%= if param.required, do: "true", else: "false" %>'
               data-selector='<%= "eth-#{@action}-try-api-ui" %>'

From a4809b9571f710bee678189e3b42f5d0f6871236 Mon Sep 17 00:00:00 2001
From: saneery <anatolyniky@gmail.com>
Date: Wed, 7 Aug 2019 12:10:28 +0300
Subject: [PATCH 10/29] Focus borders on inputs are 1px

---
 apps/block_scout_web/assets/css/theme/_base_variables.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/block_scout_web/assets/css/theme/_base_variables.scss b/apps/block_scout_web/assets/css/theme/_base_variables.scss
index 2238327bd4..b4cf443f05 100644
--- a/apps/block_scout_web/assets/css/theme/_base_variables.scss
+++ b/apps/block_scout_web/assets/css/theme/_base_variables.scss
@@ -359,7 +359,7 @@ $input-btn-padding-y: 0.375rem !default;
 $input-btn-padding-x: 0.75rem !default;
 $input-btn-line-height: $line-height-base !default;
 
-$input-btn-focus-width: 0.2rem !default;
+$input-btn-focus-width: 1px !default;
 $input-btn-focus-color: rgba($component-active-bg, 0.25) !default;
 $input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
 

From 70c3479658d167cceeba3450c0af7649d5946df4 Mon Sep 17 00:00:00 2001
From: saneery <anatolyniky@gmail.com>
Date: Wed, 7 Aug 2019 12:42:09 +0300
Subject: [PATCH 11/29] Secondary color for focused imputs' borders

---
 apps/block_scout_web/assets/css/components/_form.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/apps/block_scout_web/assets/css/components/_form.scss b/apps/block_scout_web/assets/css/components/_form.scss
index 5346afcb7c..7f28a8786f 100644
--- a/apps/block_scout_web/assets/css/components/_form.scss
+++ b/apps/block_scout_web/assets/css/components/_form.scss
@@ -9,6 +9,10 @@ $form-control-border-color: #e2e5ec !default;
     border-radius: 4px;
   }
 
+  &:focus {
+    border-color: $secondary;
+  }
+
   &.n-b-r {
     border-right: none;
   }

From e51347894a439b740623579b673044331763468a Mon Sep 17 00:00:00 2001
From: saneery <anatolyniky@gmail.com>
Date: Wed, 7 Aug 2019 12:46:35 +0300
Subject: [PATCH 12/29] update width of execute button

---
 .../block_scout_web/templates/api_docs/_eth_rpc_item.html.eex   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
index 77c8eee6a3..3121638341 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
@@ -81,7 +81,7 @@
       <div class="row">
         <div class="col-sm-2 offset-sm-4 col-md-2 offset-md-2">
           <button
-            class="collapse button button-primary w-100"
+            class="collapse button button-primary"
             data-action="<%= @action %>"
             data-module="eth"
             data-selector='<%= "eth-#{@action}-try-api-ui" %>'

From f53fb016975e8eca5c852d58296f7dbde324c15b Mon Sep 17 00:00:00 2001
From: saneery <anatolyniky@gmail.com>
Date: Wed, 7 Aug 2019 13:29:34 +0300
Subject: [PATCH 13/29] make curl example clickable to copy

---
 .../templates/api_docs/_eth_rpc_item.html.eex | 31 ++++++++++++-------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
index 3121638341..86eb6e902b 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
@@ -1,18 +1,27 @@
 <div class="api-doc-list-item" >
-  <div
-    aria-controls="<%= @action %>"
-    aria-expanded="false"
-    class="api-doc-list-item-contents"
-    data-toggle="collapse"
-    href="#<%= @action %>"
-  >
-    <div data-selector="stop-propagation" class="api-doc-list-item-description">
+  <div class="api-doc-list-item-contents" href="#<%= @action %>">
+    <div class="api-doc-list-item-description">
       <h3 class="api-doc-list-item-title"><%= @action %></h3>
       <p class="api-doc-list-item-contents"><%= raw @info.notes %></p>
-      <p class="api-doc-list-item-query api-text-monospace api-text-monospace-background">curl -X POST --data '{"id":0,"jsonrpc":"2.0","method": "<%= @action %>", params: []}'</p>
-      <p class="api-doc-list-item-text"><%= raw @info.example %></p>
+      <span class="api-doc-list-item-query api-text-monospace api-text-monospace-background btn" 
+        data-clipboard-text="curl -X POST --data '{&quot;id&quot;:0,&quot;jsonrpc&quot;:&quot;2.0&quot;,&quot;method&quot;: &quot;<%= @action %>&quot;, params: []}'"
+      >
+        curl -X POST --data '{"id":0,"jsonrpc":"2.0","method": "<%= @action %>", params: []}'
+      </span>
+      <p class="api-doc-list-item-text">
+        <div class="tile tile-muted p-1">
+          <pre
+            class="m-2"
+            data-json='<%= @info.example %>'
+          ></pre>
+        </div>
+      </p>
     </div>
-    <div class="api-doc-list-item-controls">
+    <div class="api-doc-list-item-controls" 
+      aria-controls="<%= @action %>"
+      aria-expanded="false"
+      data-toggle="collapse"
+      href="#<%= @action %>">
       <div class="api-doc-list-item-controls-badges">
         <span class="badge badge-neutral api-badge"><%= gettext "POST" %></span>
       </div>

From 30afb9577adda55b9be135431308d6c275fbf37a Mon Sep 17 00:00:00 2001
From: saneery <anatolyniky@gmail.com>
Date: Wed, 7 Aug 2019 13:55:07 +0300
Subject: [PATCH 14/29] Update gettext

---
 apps/block_scout_web/priv/gettext/default.pot | 36 +++++++++----------
 .../priv/gettext/en/LC_MESSAGES/default.po    | 36 +++++++++----------
 2 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/apps/block_scout_web/priv/gettext/default.pot b/apps/block_scout_web/priv/gettext/default.pot
index 725ba2be1a..6fb108d9e9 100644
--- a/apps/block_scout_web/priv/gettext/default.pot
+++ b/apps/block_scout_web/priv/gettext/default.pot
@@ -199,13 +199,13 @@ msgstr ""
 #, elixir-format
 #: lib/block_scout_web/templates/address_contract_verification/new.html.eex:253
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:47
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:45
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:54
 msgid "Cancel"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:137
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:99
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:108
 msgid "Clear"
 msgstr ""
 
@@ -222,8 +222,8 @@ msgstr ""
 #: lib/block_scout_web/templates/address/_tabs.html.eex:42
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:165
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:187
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:119
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:142
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:128
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:151
 #: lib/block_scout_web/views/address_view.ex:307
 msgid "Code"
 msgstr ""
@@ -329,22 +329,22 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:146
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:109
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:118
 msgid "Curl"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:53
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:188
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:51
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:143
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:60
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:152
 msgid "Description"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/address/overview.html.eex:8
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:166
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:120
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:129
 msgid "Details"
 msgstr ""
 
@@ -386,13 +386,13 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:211
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:157
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:166
 msgid "Example Value"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:128
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:90
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:99
 msgid "Execute"
 msgstr ""
 
@@ -559,7 +559,7 @@ msgstr ""
 #, elixir-format
 #: lib/block_scout_web/templates/address_logs/_logs.html.eex:50
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:52
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:50
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:59
 #: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:19
 #: lib/block_scout_web/templates/transaction_log/_logs.html.eex:52
 msgid "Name"
@@ -594,13 +594,13 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:19
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:17
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:26
 msgid "POST"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:33
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:31
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:40
 msgid "Parameters"
 msgstr ""
 
@@ -665,13 +665,13 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:173
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:127
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:136
 msgid "Response Body"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:185
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:140
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:149
 msgid "Responses"
 msgstr ""
 
@@ -690,7 +690,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:163
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:117
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:126
 msgid "Server Response"
 msgstr ""
 
@@ -893,7 +893,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:40
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:38
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:47
 msgid "Try it out"
 msgstr ""
 
@@ -1013,7 +1013,7 @@ msgstr ""
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:58
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:69
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:81
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:61
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:70
 msgid "required"
 msgstr ""
 
diff --git a/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po b/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
index 83d6611d24..255ae065b4 100644
--- a/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
+++ b/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
@@ -199,13 +199,13 @@ msgstr ""
 #, elixir-format
 #: lib/block_scout_web/templates/address_contract_verification/new.html.eex:253
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:47
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:45
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:54
 msgid "Cancel"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:137
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:99
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:108
 msgid "Clear"
 msgstr ""
 
@@ -222,8 +222,8 @@ msgstr ""
 #: lib/block_scout_web/templates/address/_tabs.html.eex:42
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:165
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:187
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:119
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:142
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:128
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:151
 #: lib/block_scout_web/views/address_view.ex:307
 msgid "Code"
 msgstr ""
@@ -329,22 +329,22 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:146
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:109
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:118
 msgid "Curl"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:53
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:188
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:51
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:143
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:60
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:152
 msgid "Description"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/address/overview.html.eex:8
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:166
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:120
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:129
 msgid "Details"
 msgstr ""
 
@@ -386,13 +386,13 @@ msgstr "POA"
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:211
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:157
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:166
 msgid "Example Value"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:128
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:90
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:99
 msgid "Execute"
 msgstr ""
 
@@ -559,7 +559,7 @@ msgstr ""
 #, elixir-format
 #: lib/block_scout_web/templates/address_logs/_logs.html.eex:50
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:52
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:50
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:59
 #: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:19
 #: lib/block_scout_web/templates/transaction_log/_logs.html.eex:52
 msgid "Name"
@@ -594,13 +594,13 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:19
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:17
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:26
 msgid "POST"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:33
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:31
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:40
 msgid "Parameters"
 msgstr ""
 
@@ -665,13 +665,13 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:173
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:127
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:136
 msgid "Response Body"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:185
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:140
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:149
 msgid "Responses"
 msgstr ""
 
@@ -690,7 +690,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:163
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:117
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:126
 msgid "Server Response"
 msgstr ""
 
@@ -893,7 +893,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:40
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:38
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:47
 msgid "Try it out"
 msgstr ""
 
@@ -1013,7 +1013,7 @@ msgstr ""
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:58
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:69
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:81
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:61
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:70
 msgid "required"
 msgstr ""
 

From 4846b5bdef32e3b36020e190a3c0d221f39911be Mon Sep 17 00:00:00 2001
From: maxgrapps <maxgrapps@gmail.com>
Date: Wed, 7 Aug 2019 22:24:27 +0300
Subject: [PATCH 15/29] validator info fix

---
 .../assets/css/theme/_dark-theme.scss         | 35 ++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/apps/block_scout_web/assets/css/theme/_dark-theme.scss b/apps/block_scout_web/assets/css/theme/_dark-theme.scss
index c0adb0a84b..3785079a11 100644
--- a/apps/block_scout_web/assets/css/theme/_dark-theme.scss
+++ b/apps/block_scout_web/assets/css/theme/_dark-theme.scss
@@ -234,7 +234,7 @@ $labels-dark: #8a8dba; // header nav, labels
 		}
 	}
 
-	.btn-copy-icon, .btn-qr-icon {
+	.btn-copy-icon, .btn-qr-icon, .btn-address-card-icon {
 		border-color: $dark-primary;
 		path {
 			fill: $dark-primary;
@@ -680,4 +680,37 @@ $labels-dark: #8a8dba; // header nav, labels
 		color: #3f436b !important;
 		border-right-color: #3f436b !important;
 	}
+
+	// 'text dark' label
+	.text-dark {
+		color: #fff;
+	}
+
+	// validator info
+	#validatorModal {
+		.modal-title {
+			color: #fff;
+		}
+
+		.text-muted {
+			color: $labels-dark;
+		}
+
+		.modal-footer {
+			border-top-color: darken($labels-dark, 30);
+		}
+
+		.modal-content {
+			background-color: $dark-light-bg;
+
+			.btn-primary {
+				background-color: $dark-primary;
+				border-color: $dark-primary;
+				&:hover {
+					background-color: $dark-primary;
+					border-color: $dark-primary;
+				}
+			}
+		}
+	}
 }
\ No newline at end of file

From 2928cbb2c188a010f31f06f9fd53dac97af87ad1 Mon Sep 17 00:00:00 2001
From: maxgrapps <50101080+maxgrapps@users.noreply.github.com>
Date: Wed, 7 Aug 2019 22:27:58 +0300
Subject: [PATCH 16/29] Update CHANGELOG.md

---
 CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 213c27d218..2ff7f1313b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@
 - [#2456](https://github.com/poanetwork/blockscout/pull/2456) - fetch pending transactions for geth
 
 ### Fixes
+- [#2524](https://github.com/poanetwork/blockscout/pull/2524) - fix dark theme validator data styles
 - [#2503](https://github.com/poanetwork/blockscout/pull/2503) - Mitigate autocompletion library influence to page loading performance
 - [#2502](https://github.com/poanetwork/blockscout/pull/2502) - increase reward task timeout
 - [#2463](https://github.com/poanetwork/blockscout/pull/2463) - dark theme fixes

From 2c6f3a6b45e47d35eceba5c0d72a5ed1ee7ae17e Mon Sep 17 00:00:00 2001
From: maxgrapps <maxgrapps@gmail.com>
Date: Thu, 8 Aug 2019 20:14:15 +0300
Subject: [PATCH 17/29] danger alert color fix for dark theme, address button
 fix for default theme

---
 apps/block_scout_web/assets/css/theme/_dai_variables.scss  | 1 +
 apps/block_scout_web/assets/css/theme/_dark-theme.scss     | 7 +++++++
 .../assets/css/theme/_ethereum_classic_variables.scss      | 1 +
 .../assets/css/theme/_ethereum_variables.scss              | 1 +
 .../assets/css/theme/_goerli_variables.scss                | 1 +
 .../block_scout_web/assets/css/theme/_kovan_variables.scss | 1 +
 .../block_scout_web/assets/css/theme/_lukso_variables.scss | 1 +
 .../assets/css/theme/_neutral_variables.scss               | 1 +
 apps/block_scout_web/assets/css/theme/_poa_variables.scss  | 1 +
 .../assets/css/theme/_rinkeby_variables.scss               | 1 +
 .../assets/css/theme/_ropsten_variables.scss               | 1 +
 apps/block_scout_web/assets/css/theme/_rsk_variables.scss  | 1 +
 .../block_scout_web/assets/css/theme/_sokol_variables.scss | 1 +
 13 files changed, 19 insertions(+)

diff --git a/apps/block_scout_web/assets/css/theme/_dai_variables.scss b/apps/block_scout_web/assets/css/theme/_dai_variables.scss
index 0c09660240..6722369c7f 100644
--- a/apps/block_scout_web/assets/css/theme/_dai_variables.scss
+++ b/apps/block_scout_web/assets/css/theme/_dai_variables.scss
@@ -38,6 +38,7 @@ $btn-line-bg: #fff; // button bg
 $btn-line-color: $secondary; // button border and font color && hover bg color
 $btn-copy-color: $secondary; // btn copy
 $btn-qr-color: $secondary; // btn qr-code
+$btn-address-card-icon-color: $secondary; // btn address color
 
 //links & tile
 $tile-body-a-color: $secondary;
diff --git a/apps/block_scout_web/assets/css/theme/_dark-theme.scss b/apps/block_scout_web/assets/css/theme/_dark-theme.scss
index f9f81c33f2..db607a5ec5 100644
--- a/apps/block_scout_web/assets/css/theme/_dark-theme.scss
+++ b/apps/block_scout_web/assets/css/theme/_dark-theme.scss
@@ -712,9 +712,16 @@ $labels-dark: #8a8dba; // header nav, labels
 				}
 			}
 		}
+	}
     
 	// alert link
 	.alert-link {
 		color: $dark-secondary;
 	}
+
+	// alert danger
+	.alert-danger {
+		background-color: $dark-light;
+		border-color: $dark-light;
+	}
 }
\ No newline at end of file
diff --git a/apps/block_scout_web/assets/css/theme/_ethereum_classic_variables.scss b/apps/block_scout_web/assets/css/theme/_ethereum_classic_variables.scss
index dff677d7cc..6b8d6d7f96 100644
--- a/apps/block_scout_web/assets/css/theme/_ethereum_classic_variables.scss
+++ b/apps/block_scout_web/assets/css/theme/_ethereum_classic_variables.scss
@@ -34,6 +34,7 @@ $btn-line-bg: #fff; // button bg
 $btn-line-color: $tertiary; // button border and font color && hover bg color
 $btn-copy-color: $tertiary; // btn copy
 $btn-qr-color: $tertiary; // btn qr-code
+$btn-address-card-icon-color: $tertiary; // btn address color
 
 //links & tile
 $tile-body-a-color: $tertiary;
diff --git a/apps/block_scout_web/assets/css/theme/_ethereum_variables.scss b/apps/block_scout_web/assets/css/theme/_ethereum_variables.scss
index 0b5cac0c43..a06e0be93e 100644
--- a/apps/block_scout_web/assets/css/theme/_ethereum_variables.scss
+++ b/apps/block_scout_web/assets/css/theme/_ethereum_variables.scss
@@ -37,6 +37,7 @@ $btn-line-bg: #fff; // button bg
 $btn-line-color: $secondary; // button border and font color && hover bg color
 $btn-copy-color: $secondary; // btn copy
 $btn-qr-color: $secondary; // btn qr-code
+$btn-address-card-icon-color: $secondary; // btn address color
 
 //links & tile
 $tile-body-a-color: $secondary;
diff --git a/apps/block_scout_web/assets/css/theme/_goerli_variables.scss b/apps/block_scout_web/assets/css/theme/_goerli_variables.scss
index 04f953b477..af57f2d1a2 100644
--- a/apps/block_scout_web/assets/css/theme/_goerli_variables.scss
+++ b/apps/block_scout_web/assets/css/theme/_goerli_variables.scss
@@ -43,6 +43,7 @@ $btn-line-bg: #fff; // button bg
 $btn-line-color: $sub-accent-color; // button border and font color && hover bg color
 $btn-copy-color: $sub-accent-color; // btn copy
 $btn-qr-color: $sub-accent-color; // btn qr-code
+$btn-address-card-icon-color: $sub-accent-color; // btn address color
 
 //links & tile
 $tile-body-a-color: $sub-accent-color;
diff --git a/apps/block_scout_web/assets/css/theme/_kovan_variables.scss b/apps/block_scout_web/assets/css/theme/_kovan_variables.scss
index a4edc629d0..b47c3de0b2 100644
--- a/apps/block_scout_web/assets/css/theme/_kovan_variables.scss
+++ b/apps/block_scout_web/assets/css/theme/_kovan_variables.scss
@@ -38,6 +38,7 @@ $btn-line-bg: #fff; // button bg
 $btn-line-color: $tertiary; // button border and font color && hover bg color
 $btn-copy-color: $tertiary; // btn copy
 $btn-qr-color: $tertiary; // btn qr-code
+$btn-address-card-icon-color: $tertiary; // btn address color
 
 //links & tile
 $tile-body-a-color: $tertiary;
diff --git a/apps/block_scout_web/assets/css/theme/_lukso_variables.scss b/apps/block_scout_web/assets/css/theme/_lukso_variables.scss
index a7b608bfa8..abfcc05472 100644
--- a/apps/block_scout_web/assets/css/theme/_lukso_variables.scss
+++ b/apps/block_scout_web/assets/css/theme/_lukso_variables.scss
@@ -44,6 +44,7 @@ $btn-line-bg: #fff; // button bg
 $btn-line-color: $primary; // button border and font color && hover bg color
 $btn-copy-color: $primary; // btn copy
 $btn-qr-color: $primary; // btn qr-code
+$btn-address-card-icon-color: $primary; // btn address color
 
 // card
 $card-background-1: $primary;
diff --git a/apps/block_scout_web/assets/css/theme/_neutral_variables.scss b/apps/block_scout_web/assets/css/theme/_neutral_variables.scss
index 120a11c222..536ecdc105 100644
--- a/apps/block_scout_web/assets/css/theme/_neutral_variables.scss
+++ b/apps/block_scout_web/assets/css/theme/_neutral_variables.scss
@@ -40,6 +40,7 @@ $btn-line-bg: #fff; // button bg
 $btn-line-color: $primary; // button border and font color && hover bg color
 $btn-copy-color: $primary; // btn copy
 $btn-qr-color: $primary; // btn qr-code
+$btn-address-card-icon-color: $primary; // btn address color
 
 //links & tile
 $tile-body-a-color: $primary;
diff --git a/apps/block_scout_web/assets/css/theme/_poa_variables.scss b/apps/block_scout_web/assets/css/theme/_poa_variables.scss
index 120a11c222..536ecdc105 100644
--- a/apps/block_scout_web/assets/css/theme/_poa_variables.scss
+++ b/apps/block_scout_web/assets/css/theme/_poa_variables.scss
@@ -40,6 +40,7 @@ $btn-line-bg: #fff; // button bg
 $btn-line-color: $primary; // button border and font color && hover bg color
 $btn-copy-color: $primary; // btn copy
 $btn-qr-color: $primary; // btn qr-code
+$btn-address-card-icon-color: $primary; // btn address color
 
 //links & tile
 $tile-body-a-color: $primary;
diff --git a/apps/block_scout_web/assets/css/theme/_rinkeby_variables.scss b/apps/block_scout_web/assets/css/theme/_rinkeby_variables.scss
index 4fa700c50e..21388bb315 100644
--- a/apps/block_scout_web/assets/css/theme/_rinkeby_variables.scss
+++ b/apps/block_scout_web/assets/css/theme/_rinkeby_variables.scss
@@ -37,6 +37,7 @@ $btn-line-bg: #fff; // button bg
 $btn-line-color: $secondary; // button border and font color && hover bg color
 $btn-copy-color: $secondary; // btn copy
 $btn-qr-color: $secondary; // btn qr-code
+$btn-address-card-icon-color: $secondary; // btn address color
 
 //links & tile
 $tile-body-a-color: $secondary;
diff --git a/apps/block_scout_web/assets/css/theme/_ropsten_variables.scss b/apps/block_scout_web/assets/css/theme/_ropsten_variables.scss
index 4fa700c50e..21388bb315 100644
--- a/apps/block_scout_web/assets/css/theme/_ropsten_variables.scss
+++ b/apps/block_scout_web/assets/css/theme/_ropsten_variables.scss
@@ -37,6 +37,7 @@ $btn-line-bg: #fff; // button bg
 $btn-line-color: $secondary; // button border and font color && hover bg color
 $btn-copy-color: $secondary; // btn copy
 $btn-qr-color: $secondary; // btn qr-code
+$btn-address-card-icon-color: $secondary; // btn address color
 
 //links & tile
 $tile-body-a-color: $secondary;
diff --git a/apps/block_scout_web/assets/css/theme/_rsk_variables.scss b/apps/block_scout_web/assets/css/theme/_rsk_variables.scss
index d33996a89e..8d3bff31d2 100644
--- a/apps/block_scout_web/assets/css/theme/_rsk_variables.scss
+++ b/apps/block_scout_web/assets/css/theme/_rsk_variables.scss
@@ -38,6 +38,7 @@ $btn-line-bg: #fff; // button bg
 $btn-line-color: $secondary; // button border and font color && hover bg color
 $btn-copy-color: $secondary; // btn copy
 $btn-qr-color: $secondary; // btn qr-code
+$btn-address-card-icon-color: $secondary; // btn address color
 
 // card
 $card-background-1: $secondary;
diff --git a/apps/block_scout_web/assets/css/theme/_sokol_variables.scss b/apps/block_scout_web/assets/css/theme/_sokol_variables.scss
index 8d479f397d..2860342f1e 100644
--- a/apps/block_scout_web/assets/css/theme/_sokol_variables.scss
+++ b/apps/block_scout_web/assets/css/theme/_sokol_variables.scss
@@ -49,6 +49,7 @@ $btn-line-bg: #fff; // button bg
 $btn-line-color: $sub-accent-color; // button border and font color && hover bg color
 $btn-copy-color: $sub-accent-color; // btn copy
 $btn-qr-color: $sub-accent-color; // btn qr-code
+$btn-address-card-icon-color: $sub-accent-color; // btn address color
 
 //links & tile
 $tile-body-a-color: $sub-accent-color;

From 18fd50b21c710e6e0d59d7778d43155837478ad2 Mon Sep 17 00:00:00 2001
From: Ayrat Badykov <ayratin555@gmail.com>
Date: Fri, 9 Aug 2019 12:01:58 +0300
Subject: [PATCH 18/29] don't show empty token transfers

---
 .../lib/block_scout_web/templates/transaction/overview.html.eex | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/block_scout_web/lib/block_scout_web/templates/transaction/overview.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/transaction/overview.html.eex
index 7b6cffe454..6db055c2b9 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/transaction/overview.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/transaction/overview.html.eex
@@ -170,7 +170,7 @@
     </div>
 
     <%= case token_transfer_type(@transaction) do %>
-      <% {type, %{token_transfers: token_transfers} = transaction_with_transfers} when  is_list(token_transfers) -> %>
+      <% {type, %{token_transfers: token_transfers} = transaction_with_transfers} when is_list(token_transfers) and token_transfers != [] -> %>
         <div class="col-md-12 col-lg-4 d-flex flex-column flex-md-row flex-lg-column pl-0">
         <!-- Value -->
         <div class="card card-background-1 flex-grow-1">

From cd2b3f917f264e4c476838e6cd1eed1ba0ce0cc8 Mon Sep 17 00:00:00 2001
From: Ayrat Badykov <ayratin555@gmail.com>
Date: Fri, 9 Aug 2019 12:04:23 +0300
Subject: [PATCH 19/29] add CHANGELOG entry

---
 CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7e6d8e76d6..4c4679b2a7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,7 @@
 - [#2403](https://github.com/poanetwork/blockscout/pull/2403) - Return gasPrice field at the result of gettxinfo method
 
 ### Fixes
+- [#2532](https://github.com/poanetwork/blockscout/pull/2532) - don't show empty token transfers on the transaction overview page
 - [#2528](https://github.com/poanetwork/blockscout/pull/2528) - fix coin history chart data
 - [#2520](https://github.com/poanetwork/blockscout/pull/2520) - Hide loading message when fetching is failed
 - [#2523](https://github.com/poanetwork/blockscout/pull/2523) - Avoid importing internal_transactions of pending transactions

From dc22eae54ab0385c6acd83a6493d6e5ea93369bc Mon Sep 17 00:00:00 2001
From: Ayrat Badykov <ayratin555@gmail.com>
Date: Fri, 9 Aug 2019 16:19:36 +0300
Subject: [PATCH 20/29] do not hide search input during logs search

---
 apps/block_scout_web/assets/js/pages/address/logs.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/block_scout_web/assets/js/pages/address/logs.js b/apps/block_scout_web/assets/js/pages/address/logs.js
index 5c9bed9da2..bf0c041b39 100644
--- a/apps/block_scout_web/assets/js/pages/address/logs.js
+++ b/apps/block_scout_web/assets/js/pages/address/logs.js
@@ -45,7 +45,7 @@ const elements = {
   },
   '[data-search]': {
     render ($el, state) {
-      if (state.emptyResponse) {
+      if (state.emptyResponse && !state.isSearch) {
         return $el.hide()
       }
 

From 2fe59f1d9f0025f2158840b0ae4b45c9e94311dd Mon Sep 17 00:00:00 2001
From: Ayrat Badykov <ayratin555@gmail.com>
Date: Fri, 9 Aug 2019 16:21:29 +0300
Subject: [PATCH 21/29] add CHANGELOG entry

---
 CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7e6d8e76d6..e7df8338ff 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,7 @@
 - [#2403](https://github.com/poanetwork/blockscout/pull/2403) - Return gasPrice field at the result of gettxinfo method
 
 ### Fixes
+- [#2543](https://github.com/poanetwork/blockscout/pull/2543) - do not hide search input during logs search
 - [#2528](https://github.com/poanetwork/blockscout/pull/2528) - fix coin history chart data
 - [#2520](https://github.com/poanetwork/blockscout/pull/2520) - Hide loading message when fetching is failed
 - [#2523](https://github.com/poanetwork/blockscout/pull/2523) - Avoid importing internal_transactions of pending transactions

From 12f51395682e229d4e696df25484ec63c0f2d68f Mon Sep 17 00:00:00 2001
From: saneery <anatolyniky@gmail.com>
Date: Fri, 9 Aug 2019 16:37:44 +0300
Subject: [PATCH 22/29] remove gray border on focus input

---
 apps/block_scout_web/assets/css/components/_form.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/block_scout_web/assets/css/components/_form.scss b/apps/block_scout_web/assets/css/components/_form.scss
index 7f28a8786f..4b13065a05 100644
--- a/apps/block_scout_web/assets/css/components/_form.scss
+++ b/apps/block_scout_web/assets/css/components/_form.scss
@@ -11,6 +11,7 @@ $form-control-border-color: #e2e5ec !default;
 
   &:focus {
     border-color: $secondary;
+    box-shadow: none;
   }
 
   &.n-b-r {

From 45dcb728179c729a1b7d91473da052b7a9a79035 Mon Sep 17 00:00:00 2001
From: saneery <anatolyniky@gmail.com>
Date: Fri, 9 Aug 2019 16:38:13 +0300
Subject: [PATCH 23/29] 100% width of method's description

---
 apps/block_scout_web/assets/css/components/_api.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/apps/block_scout_web/assets/css/components/_api.scss b/apps/block_scout_web/assets/css/components/_api.scss
index 820e1e8f01..6f46956780 100644
--- a/apps/block_scout_web/assets/css/components/_api.scss
+++ b/apps/block_scout_web/assets/css/components/_api.scss
@@ -116,6 +116,10 @@ $api-doc-list-item-view-more-color: $api-doc-list-item-title-color !default;
   margin: 0;
 }
 
+.api-doc-list-item-description {
+  width: 100%
+}
+
 .api-doc-list-item-controls {
   display: flex;
   flex-direction: column;

From a57457e570ccce1a956453508754b2d20604b070 Mon Sep 17 00:00:00 2001
From: saneery <anatolyniky@gmail.com>
Date: Fri, 9 Aug 2019 16:38:39 +0300
Subject: [PATCH 24/29] Remove padding between execute and cancel button

---
 .../templates/api_docs/_eth_rpc_item.html.eex               | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
index 86eb6e902b..7f342b4a16 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex
@@ -88,7 +88,7 @@
 
       <!-- Buttons for Other / Extra -->
       <div class="row">
-        <div class="col-sm-2 offset-sm-4 col-md-2 offset-md-2">
+        <div class="offset-sm-4 offset-md-2 col-10">
           <button
             class="collapse button button-primary"
             data-action="<%= @action %>"
@@ -97,10 +97,8 @@
             data-try-eth-api-ui-button-type="execute"
             role="button"
           ><%= gettext "Execute" %></button>
-        </div>
-        <div class="col-sm-2 col-md-2 mt-2 mt-md-0">
           <button
-            class="collapse button button-secondary w-100"
+            class="collapse button button-secondary"
             data-action="<%= @action %>"
             data-module="eth"
             data-selector='<%= "eth-#{@action}-btn-try-api-clear" %>'

From cdf9d974a82d850f81096743547da7e3389f95d3 Mon Sep 17 00:00:00 2001
From: saneery <anatolyniky@gmail.com>
Date: Fri, 9 Aug 2019 16:52:23 +0300
Subject: [PATCH 25/29] update gettext

---
 apps/block_scout_web/priv/gettext/default.pot | 20 +++++++++----------
 .../priv/gettext/en/LC_MESSAGES/default.po    | 20 +++++++++----------
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/apps/block_scout_web/priv/gettext/default.pot b/apps/block_scout_web/priv/gettext/default.pot
index 77b348361c..a9ae555cb1 100644
--- a/apps/block_scout_web/priv/gettext/default.pot
+++ b/apps/block_scout_web/priv/gettext/default.pot
@@ -205,7 +205,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:137
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:108
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:106
 msgid "Clear"
 msgstr ""
 
@@ -222,8 +222,8 @@ msgstr ""
 #: lib/block_scout_web/templates/address/_tabs.html.eex:42
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:165
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:187
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:128
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:151
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:126
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:149
 #: lib/block_scout_web/views/address_view.ex:307
 msgid "Code"
 msgstr ""
@@ -329,7 +329,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:146
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:118
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:116
 msgid "Curl"
 msgstr ""
 
@@ -337,14 +337,14 @@ msgstr ""
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:53
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:188
 #: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:60
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:152
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:150
 msgid "Description"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/address/overview.html.eex:8
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:166
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:129
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:127
 msgid "Details"
 msgstr ""
 
@@ -387,7 +387,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:211
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:166
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:164
 msgid "Example Value"
 msgstr ""
 
@@ -666,13 +666,13 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:173
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:136
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:134
 msgid "Response Body"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:185
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:149
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:147
 msgid "Responses"
 msgstr ""
 
@@ -691,7 +691,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:163
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:126
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:124
 msgid "Server Response"
 msgstr ""
 
diff --git a/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po b/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
index acbe05f129..2c910e276e 100644
--- a/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
+++ b/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
@@ -205,7 +205,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:137
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:108
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:106
 msgid "Clear"
 msgstr ""
 
@@ -222,8 +222,8 @@ msgstr ""
 #: lib/block_scout_web/templates/address/_tabs.html.eex:42
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:165
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:187
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:128
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:151
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:126
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:149
 #: lib/block_scout_web/views/address_view.ex:307
 msgid "Code"
 msgstr ""
@@ -329,7 +329,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:146
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:118
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:116
 msgid "Curl"
 msgstr ""
 
@@ -337,14 +337,14 @@ msgstr ""
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:53
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:188
 #: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:60
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:152
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:150
 msgid "Description"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/address/overview.html.eex:8
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:166
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:129
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:127
 msgid "Details"
 msgstr ""
 
@@ -387,7 +387,7 @@ msgstr "POA"
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:211
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:166
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:164
 msgid "Example Value"
 msgstr ""
 
@@ -666,13 +666,13 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:173
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:136
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:134
 msgid "Response Body"
 msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:185
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:149
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:147
 msgid "Responses"
 msgstr ""
 
@@ -691,7 +691,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:163
-#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:126
+#: lib/block_scout_web/templates/api_docs/_eth_rpc_item.html.eex:124
 msgid "Server Response"
 msgstr ""
 

From 4b979e7dd8c2b480628f3bb56aa97697c8227ef0 Mon Sep 17 00:00:00 2001
From: saneery <anatolyniky@gmail.com>
Date: Fri, 9 Aug 2019 17:20:20 +0300
Subject: [PATCH 26/29] remove outline on focus primary button

---
 apps/block_scout_web/assets/css/components/_button.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/block_scout_web/assets/css/components/_button.scss b/apps/block_scout_web/assets/css/components/_button.scss
index d6a9e7b020..53bca7a83a 100644
--- a/apps/block_scout_web/assets/css/components/_button.scss
+++ b/apps/block_scout_web/assets/css/components/_button.scss
@@ -23,6 +23,7 @@ $button-secondary-color: $secondary !default;
       background-color: darken($button-primary-color, 10%);
       border-color: darken($button-primary-color, 10%);
       color: #fff;
+      outline: none !important;
       text-decoration: none;
     }
 

From c3d662655b3ee2528094a49faa639d07e6a80592 Mon Sep 17 00:00:00 2001
From: Victor Baranov <baranov.viktor.27@gmail.com>
Date: Fri, 9 Aug 2019 19:55:54 +0300
Subject: [PATCH 27/29] Update ISSUE_TEMPLATE.md

add *Blockscout Version/branch*
---
 ISSUE_TEMPLATE.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/ISSUE_TEMPLATE.md b/ISSUE_TEMPLATE.md
index 4de2ef6baf..3075397e8d 100644
--- a/ISSUE_TEMPLATE.md
+++ b/ISSUE_TEMPLATE.md
@@ -4,6 +4,7 @@
 
 * Elixir & Erlang/OTP versions (`elixir -version`):
 * Operating System:
+* Blockscout Version/branch: 
 
 ### Steps to reproduce
 

From edc53d0fbc5d7f87790ae6a6ac540a9d137bd313 Mon Sep 17 00:00:00 2001
From: maxgrapps <maxgrapps@gmail.com>
Date: Fri, 9 Aug 2019 21:08:38 +0300
Subject: [PATCH 28/29] buttons fix, alerts fix

---
 .../assets/css/theme/_dark-theme.scss         | 66 +++++++++++++++++--
 1 file changed, 60 insertions(+), 6 deletions(-)

diff --git a/apps/block_scout_web/assets/css/theme/_dark-theme.scss b/apps/block_scout_web/assets/css/theme/_dark-theme.scss
index db607a5ec5..dd1ee83d96 100644
--- a/apps/block_scout_web/assets/css/theme/_dark-theme.scss
+++ b/apps/block_scout_web/assets/css/theme/_dark-theme.scss
@@ -578,9 +578,41 @@ $labels-dark: #8a8dba; // header nav, labels
 			}
 		}
 	}
-	.verify-other-explorers-cell {
-		.exp-logo {
-			color: #333 !important;
+
+	#explorersModal {
+		.modal-title {
+			color: #fff;
+		}
+
+		.text-muted {
+			color: $labels-dark;
+		}
+
+		.modal-footer {
+			border-top-color: darken($labels-dark, 30);
+		}
+
+		.modal-content {
+			background-color: $dark-light-bg;
+
+			.btn-primary {
+				background-color: $dark-primary;
+				border-color: $dark-primary;
+				&:hover {
+					background-color: $dark-primary;
+					border-color: $dark-primary;
+				}
+			}
+		}
+
+		.verify-other-explorers-cell {
+			.exp-logo {
+				color: #fff;
+			}
+		}
+
+		.close {
+			color: #fff;
 		}
 	}
 
@@ -712,16 +744,38 @@ $labels-dark: #8a8dba; // header nav, labels
 				}
 			}
 		}
+
+		.close {
+			color: #fff;
+		}
 	}
     
-	// alert link
+	// alerts
 	.alert-link {
-		color: $dark-secondary;
+		color: $labels-dark;
 	}
 
-	// alert danger
 	.alert-danger {
 		background-color: $dark-light;
 		border-color: $dark-light;
+		.alert-link {
+			color: $alert-danger-color;
+		}
+	}
+
+	.tile .alert {
+		background: rgba(#000, .1);
+	}
+
+	// primary buttons
+	.btn-full-primary, .button-primary {
+		background: $dark-primary;
+		border-color: $dark-primary;
+		color: #fff;
+		&:hover {
+			background: darken($dark-primary, 6);
+			border-color: darken($dark-primary, 6);
+			color: #fff;
+		}
 	}
 }
\ No newline at end of file

From f75fae141ae9f8c851bf07b1f62b5ed02e667f93 Mon Sep 17 00:00:00 2001
From: Victor Baranov <baranov.viktor.27@gmail.com>
Date: Fri, 9 Aug 2019 23:06:19 +0300
Subject: [PATCH 29/29] Update app.scss

replace `@import "components/alerts";`
---
 apps/block_scout_web/assets/css/app.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/block_scout_web/assets/css/app.scss b/apps/block_scout_web/assets/css/app.scss
index 9c0f27e976..0e7d98f656 100644
--- a/apps/block_scout_web/assets/css/app.scss
+++ b/apps/block_scout_web/assets/css/app.scss
@@ -74,6 +74,7 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
 @import "components/button";
 @import "components/table";
 @import "components/navbar";
+@import "components/alerts";
 
 @import "theme/dark-theme";
 
@@ -108,7 +109,6 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
 @import "components/btn_dropdown_line";
 @import "components/transaction";
 @import "components/api";
-@import "components/alerts";
 @import "components/verify_other_explorers";
 @import "components/errors";
 @import "components/log-search";