diff --git a/apps/block_scout_web/assets/css/_mixins.scss b/apps/block_scout_web/assets/css/_mixins.scss index 69f2a81b7d..026a4ac541 100644 --- a/apps/block_scout_web/assets/css/_mixins.scss +++ b/apps/block_scout_web/assets/css/_mixins.scss @@ -171,11 +171,13 @@ } @mixin square-icon-button($color, $dimensions) { + align-items: center; border: 1px solid $color; border-radius: 2px; cursor: pointer; - display: block; + display: flex; height: $dimensions; + justify-content: center; transition: all 0.15s; width: $dimensions; diff --git a/apps/block_scout_web/assets/css/app.scss b/apps/block_scout_web/assets/css/app.scss index d232ace00e..a1ed27096a 100644 --- a/apps/block_scout_web/assets/css/app.scss +++ b/apps/block_scout_web/assets/css/app.scss @@ -115,6 +115,7 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts"; @import "components/modal_stake"; @import "components/btn_copy"; @import "components/btn_qr"; +@import "components/btn_address_card"; @import "components/btn_dropdown_line"; @import "components/transaction"; @import "components/api"; diff --git a/apps/block_scout_web/assets/css/components/_btn_address_card.scss b/apps/block_scout_web/assets/css/components/_btn_address_card.scss new file mode 100644 index 0000000000..bfd86aeecf --- /dev/null +++ b/apps/block_scout_web/assets/css/components/_btn_address_card.scss @@ -0,0 +1,11 @@ +$btn-address-card-icon-color: $primary !default; +$btn-address-card-icon-dimensions: 31px !default; + +.btn-address-card-icon { + @include square-icon-button($btn-address-card-icon-color, $btn-address-card-icon-dimensions); + + svg { + height: 22px; + width: 22px; + } +} diff --git a/apps/block_scout_web/lib/block_scout_web/templates/address/overview.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/address/overview.html.eex index 8dfb376fab..3a1b2728b7 100644 --- a/apps/block_scout_web/lib/block_scout_web/templates/address/overview.html.eex +++ b/apps/block_scout_web/lib/block_scout_web/templates/address/overview.html.eex @@ -39,10 +39,21 @@ <%= if validator_metadata = primary_validator_metadata(@address) do %> - - + + + + + <% end %>