fixed gaps and radiuses

src/components/flow/FlowStamp/index.tsx

@@ -76,9 +76,9 @@ const FlowStamp: FC<IProps> = ({
         />
       </form>
 
-      <div className={styles.grid}>
-        {searchText ? (
-          <>
+      {searchText ? (
+        <div className={styles.search_results}>
+          <div className={styles.grid}>
             <div className={styles.label}>
               <span className={styles.label_text}>Результаты поиска</span>
               <span className="line" />
@@ -92,20 +92,20 @@ const FlowStamp: FC<IProps> = ({
                 onLoadMore={onSearchLoadMore}
               />
             </div>
-          </>
-        ) : (
-          <>
-            <div className={classNames(styles.label, styles.whatsnew)}>
-              <span className={styles.label_text}>Что нового?</span>
-              <span className="line" />
-            </div>
+          </div>
+        </div>
+      ) : (
+        <div className={styles.grid}>
+          <div className={classNames(styles.label, styles.whatsnew)}>
+            <span className={styles.label_text}>Что нового?</span>
+            <span className="line" />
+          </div>
 
-            <div className={styles.items}>
-              <FlowRecent updated={updated} recent={recent} />
-            </div>
-          </>
-        )}
-      </div>
+          <div className={styles.items}>
+            <FlowRecent updated={updated} recent={recent} />
+          </div>
+        </div>
+      )}
 
       {experimentalFeatures.liquidFlow && (
         <Superpower>

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

@@ -4,19 +4,19 @@
   display: flex;
   flex-direction: column;
   width: 100%;
-  background: lighten($content_bg, 4%);
   border-radius: $radius;
 }
 
 .grid {
+  @include outer_shadow();
   display: flex;
   justify-content: stretch;
   flex-direction: column;
   flex: 1;
   border-radius: $radius;
-  overflow: hidden;
   position: relative;
   background: $content_bg;
+  overflow: hidden;
 
   &::after {
     content: '';
@@ -28,9 +28,11 @@
     background: linear-gradient(transparentize($content_bg, 1), $content_bg 90%);
     pointer-events: none;
     touch-action: none;
-  }
 
-  @include outer_shadow();
+    @include tablet {
+      display: none;
+    }
+  }
 }
 
 .items {
@@ -69,12 +71,12 @@
 }
 
 .search {
-  background: lighten($content_bg, 3%);
-  border-radius: $radius $radius 0 0;
-  padding: $gap;
-
   @include outer_shadow();
 
+  background: lighten($content_bg, 3%);
+  padding: $gap;
+  border-radius: $radius;
+
   :global(.input_title) {
     color: lighten($content_bg, 10%);
   }
@@ -123,3 +125,9 @@
     display: none;
   }
 }
+
+.search_results {
+  @include tablet {
+    margin-top: $gap;
+  }
+}

src/components/main/Header/styles.module.scss

@@ -23,13 +23,17 @@
 }
 
 .container {
+  @include container;
+
   display: flex;
   align-items: center;
   justify-content: flex-end;
   font-weight: 500;
   box-sizing: border-box;
 
-  @include container;
+  @include tablet {
+    padding: 0 $gap;
+  }
 }
 
 .spacer {
@@ -116,9 +120,8 @@
     background: lighten($wisegreen, 10%);
   }
 
-
   @include tablet {
-    padding: $gap;
+    padding: 0 $gap * 2 0 0;
 
     &.notifications {
       flex: 1;