From a3f93167a1d0020d6f5e5f4eee08aebf426923ab Mon Sep 17 00:00:00 2001
From: Ayrat Badykov <ayratin555@gmail.com>
Date: Tue, 23 Jul 2019 15:11:29 +0300
Subject: [PATCH] remove outer tables for decoded data

---
 .../transaction/_decoded_input_body.html.eex  | 88 ++++++++++---------
 .../templates/transaction_log/_logs.html.eex  | 74 ++++++++--------
 apps/block_scout_web/priv/gettext/default.pot | 36 ++++----
 .../priv/gettext/en/LC_MESSAGES/default.po    | 42 ++++-----
 4 files changed, 119 insertions(+), 121 deletions(-)

diff --git a/apps/block_scout_web/lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex
index f009eeb2b3..9e68d7e1bd 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex
@@ -1,4 +1,5 @@
-<table summary="<%= gettext "Transaction Info" %>" class="table thead-light table-bordered table-responsive transaction-info-table">
+<div class="table-responsive text-center">
+  <table style="color: black;" summary="<%= gettext "Transaction Inputs" %>" class="table thead-light table-bordered">
   <tr>
   <td><%= gettext "Method Id" %></td>
   <td colspan="3"><code>0x<%= @method_id %></code></td>
@@ -7,49 +8,52 @@
   <td>Call</td>
   <td colspan="3"><code><%= @text %></code></td>
   </tr>
-</table>
+  </table>
+</div>
 
 <%= unless Enum.empty?(@mapping) do %>
-  <table summary="<%= gettext "Transaction Inputs" %>" class="table thead-light table-bordered table-responsive">
-    <tr>
-    <th scope="col"></th>
-    <th scope="col"><%= gettext "Name" %></th>
-    <th scope="col"><%= gettext "Type" %></th>
-    <th scope="col"><%= gettext "Data" %></th>
-    <tr>
-    <%= for {name, type, value} <- @mapping do %>
+  <div class="table-responsive text-center">
+    <table style="color: black;" summary="<%= gettext "Transaction Inputs" %>" class="table thead-light table-bordered">
+      <tr>
+      <th scope="col"></th>
+      <th scope="col"><%= gettext "Name" %></th>
+      <th scope="col"><%= gettext "Type" %></th>
+      <th scope="col"><%= gettext "Data" %></th>
       <tr>
-        <th scope="row">
-          <%= case BlockScoutWeb.ABIEncodedValueView.copy_text(type, value) do %>
-            <% :error -> %>
-              <%= nil %>
-            <% copy_text -> %>
-              <span
-                aria-label='<%= gettext "Copy Value" %>'
-                class="btn-copy-ico"
-                data-clipboard-text='<%= copy_text %>'
-                data-placement="top"
-                data-toggle="tooltip"
-              >
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.5 32.5" width="32" height="32">
-                  <path fill-rule="evenodd" d="M23.5 20.5a1 1 0 0 1-1-1v-9h-9a1 1 0 0 1 0-2h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zm-3-7v10a1 1 0 0 1-1 1h-10a1 1 0 0 1-1-1v-10a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1zm-2 1h-8v8h8v-8z"/>
-                </svg>
-              </span>
-          <% end %>
-        </th>
-        <td><%= name %></td>
-        <td><%= type %></td>
-        <td>
-          <%= case BlockScoutWeb.ABIEncodedValueView.value_html(type, value) do %>
-            <% :error -> %>
-              <div class="alert alert-danger">
-                <%= gettext "Error rendering value" %>
-              </div>
-            <% value -> %>
-              <pre class="transaction-input-text tile"><code><%= value %></code></pre>
+      <%= for {name, type, value} <- @mapping do %>
+        <tr>
+          <th scope="row">
+            <%= case BlockScoutWeb.ABIEncodedValueView.copy_text(type, value) do %>
+              <% :error -> %>
+                <%= nil %>
+              <% copy_text -> %>
+                <span
+                  aria-label='<%= gettext "Copy Value" %>'
+                  class="btn-copy-ico"
+                  data-clipboard-text='<%= copy_text %>'
+                  data-placement="top"
+                  data-toggle="tooltip"
+                >
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.5 32.5" width="32" height="32">
+                    <path fill-rule="evenodd" d="M23.5 20.5a1 1 0 0 1-1-1v-9h-9a1 1 0 0 1 0-2h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zm-3-7v10a1 1 0 0 1-1 1h-10a1 1 0 0 1-1-1v-10a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1zm-2 1h-8v8h8v-8z"/>
+                  </svg>
+                </span>
             <% end %>
-        </td>
-      </tr>
-    <% end %>
-  </table>
+          </th>
+          <td><%= name %></td>
+          <td><%= type %></td>
+          <td>
+            <%= case BlockScoutWeb.ABIEncodedValueView.value_html(type, value) do %>
+              <% :error -> %>
+                <div class="alert alert-danger">
+                  <%= gettext "Error rendering value" %>
+                </div>
+              <% value -> %>
+                <pre class="transaction-input-text tile"><code><%= value %></code></pre>
+              <% end %>
+          </td>
+        </tr>
+      <% end %>
+    </table>
+   </div>
 <% end %>
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/transaction_log/_logs.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/transaction_log/_logs.html.eex
index 5a52821601..ff3e46d42a 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/transaction_log/_logs.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/transaction_log/_logs.html.eex
@@ -39,43 +39,45 @@
               <td colspan="3"><code><%= text %></code></td>
             </tr>
           </table>
-          <table style="color: black;" summary="<%= gettext "Log Data" %>" class="table thead-light table-bordered table-responsive">
-            <tr>
-              <th scope="col"></th>
-              <th scope="col"><%= gettext "Name" %></th>
-              <th scope="col"><%= gettext "Type" %></th>
-              <th scope="col"><%= gettext "Indexed?" %></th>
-              <th scope="col"><%= gettext "Data" %></th>
-            <tr>
-          <%= for {name, type, indexed?, value} <- mapping do %>
+          <div class="table-responsive text-center">
+            <table style="color: black;" summary="<%= gettext "Log Data" %>" class="table thead-light table-bordered">
               <tr>
-                <th scope="row">
-                  <%= case BlockScoutWeb.ABIEncodedValueView.copy_text(type, value) do %>
-                    <% :error -> %>
-                      <%= nil %>
-                    <% copy_text -> %>
-                      <span
-                        aria-label='<%= gettext "Copy Value" %>'
-                        class="btn-copy-ico"
-                        data-clipboard-text="<%= copy_text %>"
-                        data-placement="top"
-                        data-toggle="tooltip"
-                      >
-                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.5 32.5" width="32" height="32">
-                          <path fill-rule="evenodd" d="M23.5 20.5a1 1 0 0 1-1-1v-9h-9a1 1 0 0 1 0-2h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zm-3-7v10a1 1 0 0 1-1 1h-10a1 1 0 0 1-1-1v-10a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1zm-2 1h-8v8h8v-8z"/>
-                        </svg>
-                      </span>
-                  <% end %>
-                </th>
-                <td><%= name %></td>
-                <td><%= type %></td>
-                <td><%= indexed? %></td>
-                <td>
-                  <pre class="transaction-input-text tile"><code><%= BlockScoutWeb.ABIEncodedValueView.value_html(type, value) %></code></pre>
-                </td>
-              </tr>
-          <% end %>
-          </table>
+                <th scope="col"></th>
+                <th scope="col"><%= gettext "Name" %></th>
+                <th scope="col"><%= gettext "Type" %></th>
+                <th scope="col"><%= gettext "Indexed?" %></th>
+                <th scope="col"><%= gettext "Data" %></th>
+              <tr>
+            <%= for {name, type, indexed?, value} <- mapping do %>
+                <tr>
+                  <th scope="row">
+                    <%= case BlockScoutWeb.ABIEncodedValueView.copy_text(type, value) do %>
+                      <% :error -> %>
+                        <%= nil %>
+                      <% copy_text -> %>
+                        <span
+                          aria-label='<%= gettext "Copy Value" %>'
+                          class="btn-copy-ico"
+                          data-clipboard-text="<%= copy_text %>"
+                          data-placement="top"
+                          data-toggle="tooltip"
+                        >
+                          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.5 32.5" width="32" height="32">
+                            <path fill-rule="evenodd" d="M23.5 20.5a1 1 0 0 1-1-1v-9h-9a1 1 0 0 1 0-2h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zm-3-7v10a1 1 0 0 1-1 1h-10a1 1 0 0 1-1-1v-10a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1zm-2 1h-8v8h8v-8z"/>
+                          </svg>
+                        </span>
+                    <% end %>
+                  </th>
+                  <td><%= name %></td>
+                  <td><%= type %></td>
+                  <td><%= indexed? %></td>
+                  <td>
+                    <pre class="transaction-input-text tile"><code><%= BlockScoutWeb.ABIEncodedValueView.value_html(type, value) %></code></pre>
+                  </td>
+                </tr>
+            <% end %>
+            </table>
+          </div>
         <% _ -> %>
           <%= nil %>
       <% end %>
diff --git a/apps/block_scout_web/priv/gettext/default.pot b/apps/block_scout_web/priv/gettext/default.pot
index ab62a2e888..58bb54922f 100644
--- a/apps/block_scout_web/priv/gettext/default.pot
+++ b/apps/block_scout_web/priv/gettext/default.pot
@@ -330,9 +330,9 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/address_logs/_logs.html.eex:44
-#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:18
-#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:48
-#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:113
+#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:21
+#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:49
+#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:115
 msgid "Data"
 msgstr ""
 
@@ -556,8 +556,8 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:52
-#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:16
-#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:45
+#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:19
+#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:46
 msgid "Name"
 msgstr ""
 
@@ -827,7 +827,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/address_logs/_logs.html.eex:14
-#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:83
+#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:85
 msgid "Topics"
 msgstr ""
 
@@ -1139,18 +1139,18 @@ msgid "Decoded"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:47
+#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:48
 msgid "Indexed?"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:17
-#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:46
+#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:20
+#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:47
 msgid "Type"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:3
+#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:4
 msgid "Method Id"
 msgstr ""
 
@@ -1160,12 +1160,8 @@ msgid "To see decoded input data, the contract must be verified."
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:1
-msgid "Transaction Info"
-msgstr ""
-
-#, elixir-format
-#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:13
+#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:2
+#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:16
 msgid "Transaction Inputs"
 msgstr ""
 
@@ -1187,13 +1183,13 @@ msgid "Failed to decode input data."
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:46
+#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:49
 msgid "Error rendering value"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:28
-#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:58
+#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:31
+#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:59
 msgid "Copy Value"
 msgstr ""
 
@@ -1203,7 +1199,7 @@ msgid "Failed to decode log data."
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:42
+#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:43
 msgid "Log Data"
 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 9d448b5a70..eb10bcaec4 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
@@ -34,7 +34,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/block/overview.html.eex:21
-#: lib/block_scout_web/templates/chain/_block.html.eex:11
+#: lib/block_scout_web/templates/chain/_block.html.eex:178
 msgid "%{count} Transactions"
 msgstr ""
 
@@ -330,9 +330,9 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/address_logs/_logs.html.eex:44
-#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:18
-#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:48
-#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:113
+#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:21
+#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:49
+#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:115
 msgid "Data"
 msgstr ""
 
@@ -522,7 +522,7 @@ msgstr ""
 #, elixir-format
 #: lib/block_scout_web/templates/block/_tile.html.eex:38
 #: lib/block_scout_web/templates/block/overview.html.eex:121
-#: lib/block_scout_web/templates/chain/_block.html.eex:15
+#: lib/block_scout_web/templates/chain/_block.html.eex:182
 msgid "Miner"
 msgstr ""
 
@@ -556,8 +556,8 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/api_docs/_action_tile.html.eex:52
-#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:16
-#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:45
+#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:19
+#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:46
 msgid "Name"
 msgstr ""
 
@@ -827,7 +827,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/address_logs/_logs.html.eex:14
-#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:83
+#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:85
 msgid "Topics"
 msgstr ""
 
@@ -1040,7 +1040,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/block/_tile.html.eex:47
-#: lib/block_scout_web/templates/chain/_block.html.eex:23
+#: lib/block_scout_web/templates/chain/_block.html.eex:190
 #: lib/block_scout_web/views/internal_transaction_view.ex:27
 msgid "Reward"
 msgstr ""
@@ -1139,18 +1139,18 @@ msgid "Decoded"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:47
+#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:48
 msgid "Indexed?"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:17
-#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:46
+#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:20
+#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:47
 msgid "Type"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:3
+#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:4
 msgid "Method Id"
 msgstr ""
 
@@ -1160,12 +1160,8 @@ msgid "To see decoded input data, the contract must be verified."
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:1
-msgid "Transaction Info"
-msgstr ""
-
-#, elixir-format
-#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:13
+#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:2
+#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:16
 msgid "Transaction Inputs"
 msgstr ""
 
@@ -1187,13 +1183,13 @@ msgid "Failed to decode input data."
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:46
+#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:49
 msgid "Error rendering value"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:28
-#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:58
+#: lib/block_scout_web/templates/transaction/_decoded_input_body.html.eex:31
+#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:59
 msgid "Copy Value"
 msgstr ""
 
@@ -1203,7 +1199,7 @@ msgid "Failed to decode log data."
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:42
+#: lib/block_scout_web/templates/transaction_log/_logs.html.eex:43
 msgid "Log Data"
 msgstr ""