From e9a1a624fd05d7d5e1860e91485e6fdc31bd457a Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Fri, 15 Jul 2022 16:09:02 +0700
Subject: [PATCH] fixed node title wrapping on mobile

---
 .../menu/SeparatedMenu/styles.module.scss           | 13 ++++++++++++-
 src/components/node/NodeTitle/styles.module.scss    |  8 +++++++-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/components/menu/SeparatedMenu/styles.module.scss b/src/components/menu/SeparatedMenu/styles.module.scss
index c47900f4..774494f4 100644
--- a/src/components/menu/SeparatedMenu/styles.module.scss
+++ b/src/components/menu/SeparatedMenu/styles.module.scss
@@ -10,9 +10,16 @@
 }
 
 .item {
-  margin-left: $gap * 4;
   position: relative;
 
+  &:not(:first-child) {
+    margin-left: $gap * 4;
+
+    @include tablet {
+      margin-left: $gap * 2;
+    }
+  }
+
   &:not(:last-child)::after {
     @include inner_shadow;
 
@@ -25,5 +32,9 @@
     top: 5px;
     right: -$gap * 2 - 2px;
     border-radius: 2px;
+
+    @include tablet {
+      right : -$gap - 1px;
+    }
   }
 }
diff --git a/src/components/node/NodeTitle/styles.module.scss b/src/components/node/NodeTitle/styles.module.scss
index f7c8797f..6683ffa0 100644
--- a/src/components/node/NodeTitle/styles.module.scss
+++ b/src/components/node/NodeTitle/styles.module.scss
@@ -54,6 +54,7 @@
   @include tablet {
     border-radius: 0;
     height: auto;
+    min-height: 40px;
   }
 }
 
@@ -65,7 +66,8 @@
   text-overflow: ellipsis;
 
   @include tablet {
-    white-space: nowrap;
+    @include clamp(2);
+
     padding-bottom: 0;
     font: $font_16_semibold;
   }
@@ -189,6 +191,10 @@
 .buttons {
   margin-top: 12px;
   margin-right: $gap;
+
+  @include tablet {
+    margin-top: 6px;
+  }
 }
 
 .button {