(add) some stakes' section elements

apps/block_scout_web/assets/css/_mixins.scss

@@ -23,7 +23,8 @@
 @mixin stats-item() {
     &-item {
         color: #fff;
-        padding-left: 1rem;
+        padding-left: calc(1rem + 4px);
+        padding-right: 1rem;
         position: relative;
 
         &::before {
@@ -31,7 +32,7 @@
             border-radius: 2px;
             content: "";
             height: 100%;
-            left: -4px;
+            left: 0;
             position: absolute;
             top: 0;
             width: 4px;

apps/block_scout_web/assets/css/app.scss

@@ -89,6 +89,7 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
 @import "components/coin-balance-tile";
 @import "components/highlight";
 @import "components/stakes";
+@import "components/copy_icon";
 
 :export {
   primary: $primary;

apps/block_scout_web/assets/css/components/_stakes.scss

@@ -6,6 +6,16 @@
 }
 
 .stakes-top-stats {
-
     @include stats-item();
-}
+
+    display: flex;
+    justify-content: space-between;
+
+    @include media-breakpoint-down(md) {
+        flex-direction: column;
+    }
+
+    .stakes-top-stats-value {
+        display: flex;
+    }
+}

apps/block_scout_web/lib/block_scout_web/templates/stakes/_stakes_top.html.eex

@@ -24,7 +24,13 @@
       </div>
       <!-- Address -->
       <div class="stakes-top-stats-item stakes-top-stats-item-address">
-        <span class="stakes-top-stats-value">0x1fddEc96688e0538A316C64dc...</span>
+        <span class="stakes-top-stats-value">0x1fddEc96688e0538A316C64dc...
+          <div class="copy-icon">
+            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
+              <path fill-rule="evenodd" d="M13 10a1 1 0 0 1-1-1V2H5a1 1 0 0 1 0-2h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1zm-3-5v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1zM8 6H2v6h6V6z"/>
+          </svg>
+          </div>
+        </span>
         <span class="stakes-top-stats-label">
           <span class="stakes-top-stats-label-item"><%= gettext "Balance" %>: 20.08 POA20</span>
           <span class="stakes-top-stats-label-item"><%= gettext "Staked" %>: 1000 POA20</span>