From 0ebc7f0ebfcd2c42f50f61a1f120ad56f07847a4 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Wed, 22 Sep 2021 15:01:43 +0700
Subject: [PATCH] fixed boris contacts shadows

---
 .../boris/BorisContactItem/styles.module.scss   |  5 ++++-
 src/components/boris/BorisContacts/index.tsx    |  2 --
 .../boris/BorisContacts/styles.module.scss      | 17 ++++-------------
 src/styles/variables.scss                       |  5 ++---
 4 files changed, 10 insertions(+), 19 deletions(-)

diff --git a/src/components/boris/BorisContactItem/styles.module.scss b/src/components/boris/BorisContactItem/styles.module.scss
index 17564323..374f32c2 100644
--- a/src/components/boris/BorisContactItem/styles.module.scss
+++ b/src/components/boris/BorisContactItem/styles.module.scss
@@ -7,6 +7,8 @@
   justify-content: stretch;
   text-decoration: none;
   color: darken(white, 50%);
+  padding: $gap;
+  min-height: 42px;
 }
 
 .icon {
@@ -21,9 +23,10 @@
 
 .title {
   font: $font_16_semibold;
+  line-height: 1.25em;
 }
 
 .subtitle {
   font: $font_12_medium;
-  opacity: 0.7;
+  opacity: 0.5;
 }
diff --git a/src/components/boris/BorisContacts/index.tsx b/src/components/boris/BorisContacts/index.tsx
index 71868a06..ef4d1fbb 100644
--- a/src/components/boris/BorisContacts/index.tsx
+++ b/src/components/boris/BorisContacts/index.tsx
@@ -6,8 +6,6 @@ interface Props {}
 
 const BorisContacts: FC<Props> = () => (
   <div className={styles.contacts}>
-    <div className={styles.contacts__title}>Где мы ещё:</div>
-
     <BorisContactItem
       icon="vk"
       title="Суицидальные роботы"
diff --git a/src/components/boris/BorisContacts/styles.module.scss b/src/components/boris/BorisContacts/styles.module.scss
index 0e6bd802..a201e32f 100644
--- a/src/components/boris/BorisContacts/styles.module.scss
+++ b/src/components/boris/BorisContacts/styles.module.scss
@@ -1,19 +1,10 @@
 @import "~/styles/variables";
 
 .contacts {
-  display: grid;
-  grid-auto-flow: row;
-  grid-row-gap: $gap;
-  padding: 2px 2px $gap * 3 2px;
+  @include inner_shadow;
+  border-radius: $radius;
 
-  & > *:not(:last-child) {
-    border-bottom: 1px solid #333333;
-    padding-bottom: $gap * 2;
+  & > * {
+    @include row_shadow;
   }
 }
-
-.contacts__title {
-  font: $font_12_semibold;
-  text-transform: uppercase;
-  opacity: 0.3;
-}
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index 5b24d4b2..a99fbb38 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -95,9 +95,8 @@ $sidebar_border: transparentize(white, 0.95);
 }
 
 @mixin row_shadow() {
-  &:not(last-child) {
-    box-shadow:
-            transparentize(white, 0.95) 0 1px,
+  &:not(:last-child) {
+    box-shadow: transparentize(white, 0.95) 0 1px,
             inset transparentize(black, 0.8) 0 -1px;
   }