From 75ec5475eeb114f9b0a81ac977619ba663019e03 Mon Sep 17 00:00:00 2001
From: Victor Baranov <baranov.viktor.27@gmail.com>
Date: Mon, 2 Nov 2020 10:12:46 +0300
Subject: [PATCH] Fix token view mobile style (Circles UBI)

---
 .../assets/css/theme/custom_contracts/_circles-theme.scss   | 6 ++++++
 .../templates/tokens/instance/overview/_details.html.eex    | 2 +-
 .../templates/tokens/overview/_details.html.eex             | 2 +-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/block_scout_web/assets/css/theme/custom_contracts/_circles-theme.scss b/apps/block_scout_web/assets/css/theme/custom_contracts/_circles-theme.scss
index 51a22c4e54..973c7faf97 100644
--- a/apps/block_scout_web/assets/css/theme/custom_contracts/_circles-theme.scss
+++ b/apps/block_scout_web/assets/css/theme/custom_contracts/_circles-theme.scss
@@ -370,6 +370,12 @@ $c-dark-text-color: #8a8dba;
 		}
 	}
 
+	.overview-title-buttons.token {
+		@media (max-width: 768px) {
+			margin-top: 0px;
+		}
+	}
+
 	.awesomplete {
 		& > ul {
 			background: $c-primary;
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex
index 256580d607..e9506dccb4 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex
@@ -10,7 +10,7 @@
               <%= gettext("Token Details") %>
             <% end %>
             <!-- buttons -->
-            <span class="overview-title-buttons float-right">
+            <span class="overview-title-buttons token float-right">
               <span class="overview-title-item">
                 <span
                   aria-label='<%= gettext("View Contract") %>'
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/tokens/overview/_details.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/tokens/overview/_details.html.eex
index 3e9f244d90..e3dc1aca96 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/tokens/overview/_details.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/tokens/overview/_details.html.eex
@@ -26,7 +26,7 @@
               <%= gettext("Token Details") %>
             <% end %>
             <!-- buttons -->
-            <span class="overview-title-buttons float-right">
+            <span class="overview-title-buttons token float-right">
               <span class="overview-title-item" data-clipboard-text="<%= Address.checksum(@token.contract_address_hash) %>">
                 <span
                   aria-label='<%= gettext("Copy Address") %>'