fixed flow search for mobile

src/components/flow/FlowRecent/index.tsx

@@ -1,6 +1,7 @@
 import React, { FC } from 'react';
 import { IFlowState } from '~/redux/flow/reducer';
 import { FlowRecentItem } from '../FlowRecentItem';
+import styles from './styles.module.scss';
 
 interface IProps {
   recent: IFlowState['recent'];
@@ -10,8 +11,13 @@ interface IProps {
 const FlowRecent: FC<IProps> = ({ recent, updated }) => {
   return (
     <>
-      {updated && updated.map(node => <FlowRecentItem node={node} key={node.id} has_new />)}
-      {recent && recent.map(node => <FlowRecentItem node={node} key={node.id} />)}
+      <div className={styles.updates}>
+        {updated && updated.map(node => <FlowRecentItem node={node} key={node.id} has_new />)}
+      </div>
+
+      <div className={styles.recent}>
+        {recent && recent.map(node => <FlowRecentItem node={node} key={node.id} />)}
+      </div>
     </>
   );
 };

src/components/flow/FlowRecent/styles.module.scss

@@ -0,0 +1,11 @@
+@import "src/styles/variables";
+
+.recent {
+  @media (max-width: $flow_hide_recents) {
+    display: none;
+  }
+}
+
+.updates {
+
+}

src/components/flow/FlowSearchResults/styles.module.scss

@@ -14,6 +14,7 @@
   opacity: 0.3;
   fill: transparentize(white, 0.7);
   stroke: none;
+  min-height: 250px;
 }
 
 .nothing {

src/components/flow/FlowStamp/index.tsx

@@ -8,6 +8,7 @@ import { FlowSearchResults } from '../FlowSearchResults';
 import { Icon } from '~/components/input/Icon';
 import { Group } from '~/components/containers/Group';
 import { Toggle } from '~/components/input/Toggle';
+import classNames from 'classnames';
 
 interface IProps {
   recent: IFlowState['recent'];
@@ -80,7 +81,7 @@ const FlowStamp: FC<IProps> = ({
           </>
         ) : (
           <>
-            <div className={styles.label}>
+            <div className={classNames(styles.label, styles.whatsnew)}>
               <span className={styles.label_text}>Что нового?</span>
               <span className="line" />
             </div>

src/components/flow/FlowStamp/styles.module.scss

@@ -117,3 +117,9 @@
     display: none;
   }
 }
+
+.whatsnew {
+  @media (max-width: $flow_hide_recents) {
+    display: none;
+  }
+}