From 3013c8f0b080f50a004d2e23b96b46d9bf5c0680 Mon Sep 17 00:00:00 2001
From: Gabriel Rodriguez Alsina <gabriel.rodriguez@altoros.com>
Date: Wed, 3 Apr 2019 15:33:28 -0300
Subject: [PATCH] (fix) stake stats responsive

---
 .../assets/css/components/_stakes.scss        | 36 +++++++++++++------
 1 file changed, 26 insertions(+), 10 deletions(-)

diff --git a/apps/block_scout_web/assets/css/components/_stakes.scss b/apps/block_scout_web/assets/css/components/_stakes.scss
index 63508e27bd..dd34f91980 100644
--- a/apps/block_scout_web/assets/css/components/_stakes.scss
+++ b/apps/block_scout_web/assets/css/components/_stakes.scss
@@ -36,22 +36,17 @@ $stakes-banned-background: #fff3f7!default;
                 grid-row-start: 1;
             }
         }
+
+        @include media-breakpoint-down(md) {
+            grid-column-start: auto !important;
+            grid-row-start: auto !important;
+        }
     }
 
     @include media-breakpoint-down(sm) {
         grid-template-columns: 1fr;
     }
 
-    .stakes-top-stats-value {
-        align-items: center;
-        display: flex;
-    }
-
-    .stakes-top-stats-login {
-        color: $primary;
-        margin-right: 8px;
-    }
-
     .copy-icon {
         margin-left: 20px;
         path {
@@ -60,6 +55,21 @@ $stakes-banned-background: #fff3f7!default;
     }
 }
 
+.stakes-top-stats-value {
+    align-items: center;
+    display: flex;
+
+    .stakes-top-stats-item-address & {
+        white-space: normal;
+        word-break: break-all;
+    }
+}
+
+.stakes-top-stats-login {
+    color: $primary;
+    margin-right: 8px;
+}
+
 .stakes-address-container {
     display: flex;
     cursor: pointer;
@@ -120,4 +130,10 @@ $stakes-banned-background: #fff3f7!default;
         grid-row-start: 2;
         justify-self: end;
     }
+
+    @include media-breakpoint-down(md) {
+        grid-column-start: auto !important;
+        grid-row-start: auto !important;
+        justify-self: center;
+    }
 }
\ No newline at end of file