From 0d5e035c7fedb7a7cb601dca5c44a6ddc51ec25a Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Tue, 9 Jun 2020 16:46:44 +0700
Subject: [PATCH] fixed boris layout

---
 src/containers/node/BorisLayout/index.tsx   |  4 +++-
 src/containers/node/BorisLayout/styles.scss | 20 +++++++++++++++++---
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/containers/node/BorisLayout/index.tsx b/src/containers/node/BorisLayout/index.tsx
index 9bda2ddc..644ca378 100644
--- a/src/containers/node/BorisLayout/index.tsx
+++ b/src/containers/node/BorisLayout/index.tsx
@@ -129,7 +129,9 @@ const BorisLayoutUnconnected: FC<IProps> = ({
                 <p className="grey">//&nbsp;Такова&nbsp;жизнь.</p>
               </div>
 
-              <BorisStats stats={stats} />
+              <div className={styles.stats__wrap}>
+                <BorisStats stats={stats} />
+              </div>
             </Group>
           </Sticky>
         </Group>
diff --git a/src/containers/node/BorisLayout/styles.scss b/src/containers/node/BorisLayout/styles.scss
index 27e114e1..28c6e327 100644
--- a/src/containers/node/BorisLayout/styles.scss
+++ b/src/containers/node/BorisLayout/styles.scss
@@ -46,7 +46,7 @@
   width: 100%;
 
   @include tablet {
-    flex-direction: column;
+    flex-direction: column-reverse;
   }
 }
 
@@ -68,8 +68,9 @@
   }
 
   @include tablet {
-    height: 100px;
+    height: 40px;
     width: 100%;
+    padding-bottom: 0;
 
     img {
       display: none;
@@ -99,15 +100,22 @@
     align-items: flex-start;
     justify-content: center;
     width: 100%;
+    text-align: center;
+    display: none;
 
     padding: $gap;
-    font-size: 48px;
+    font-size: 32px;
   }
 }
 
 .caption_text {
   max-width: 400px;
   text-transform: uppercase;
+
+  @include tablet {
+    max-width: 100%;
+    margin: auto;
+  }
 }
 
 .stats {
@@ -146,4 +154,10 @@
       margin-bottom: $gap;
     }
   }
+
+  &__wrap {
+    @include tablet {
+      display: none;
+    }
+  }
 }