From 5f3604b3406cdf0f38b57b1727edff14e8b6dd00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fede=20=C3=81lvarez?= <fedealvarezcampos@gmail.com>
Date: Mon, 23 May 2022 18:29:51 +0200
Subject: [PATCH] General styles

---
 src/components/common/card/card.module.scss         |  2 +-
 src/components/common/card/index.tsx                |  2 +-
 src/components/sections/community/events/index.tsx  |  7 ++++++-
 .../sections/homepage/benefits/benefits.module.scss |  2 +-
 .../sections/homepage/latest-news/index.tsx         |  8 +++++++-
 .../sections/newsroom/hero/hero.module.scss         | 13 ++++++++++++-
 .../sections/newsroom/media/media.module.scss       |  5 +----
 src/pages/about.tsx                                 |  2 +-
 src/pages/careers.tsx                               |  2 +-
 src/pages/press.tsx                                 |  2 +-
 src/pages/products.tsx                              |  2 +-
 11 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/src/components/common/card/card.module.scss b/src/components/common/card/card.module.scss
index 1bb4050..e60c5ad 100644
--- a/src/components/common/card/card.module.scss
+++ b/src/components/common/card/card.module.scss
@@ -324,7 +324,7 @@
     }
 
     margin: 0;
-    margin-top: auto;
+    margin-bottom: auto;
     line-height: 1.4;
     font-size: tovw(18px, 'default', 15px);
   }
diff --git a/src/components/common/card/index.tsx b/src/components/common/card/index.tsx
index 79d30e1..b60e698 100644
--- a/src/components/common/card/index.tsx
+++ b/src/components/common/card/index.tsx
@@ -24,7 +24,7 @@ const Card = ({
   className,
   data,
   isNews = false,
-  reduced = true
+  reduced = false
 }: CardProps) => {
   const [eventDate, setEventDate] = useState<string>()
   const [eventTime, setEventTime] = useState<string>()
diff --git a/src/components/sections/community/events/index.tsx b/src/components/sections/community/events/index.tsx
index e4ddaeb..622b5ed 100644
--- a/src/components/sections/community/events/index.tsx
+++ b/src/components/sections/community/events/index.tsx
@@ -68,7 +68,12 @@ const Events = ({ eventsData, data }: Props) => {
           ref={sliderRef}
         >
           {eventsData.map((event) => (
-            <Card key={event?.id} data={event} className="keen-slider__slide" />
+            <Card
+              key={event?.id}
+              data={event}
+              reduced={false}
+              className="keen-slider__slide"
+            />
           ))}
         </div>
       </div>
diff --git a/src/components/sections/homepage/benefits/benefits.module.scss b/src/components/sections/homepage/benefits/benefits.module.scss
index 71708bd..11b3e8a 100644
--- a/src/components/sections/homepage/benefits/benefits.module.scss
+++ b/src/components/sections/homepage/benefits/benefits.module.scss
@@ -26,7 +26,7 @@
 
   position: relative;
   padding-top: tovw(170px, 'default', 122px);
-  padding-bottom: tovw(100px, 'default', 90px);
+  padding-bottom: tovw(200px, 'default', 200px);
 
   .grid {
     @include respond-to('mobile') {
diff --git a/src/components/sections/homepage/latest-news/index.tsx b/src/components/sections/homepage/latest-news/index.tsx
index 602fbb0..53a3254 100644
--- a/src/components/sections/homepage/latest-news/index.tsx
+++ b/src/components/sections/homepage/latest-news/index.tsx
@@ -52,7 +52,13 @@ const LatestNews = ({ data, blogData }: Props) => {
       <div className={s['slider__container']}>
         <div className={`${s.events__container} keen-slider`} ref={sliderRef}>
           {blogData.map((item: any, i: Key) => (
-            <Card key={i} data={item} className={`keen-slider__slide`} isNews />
+            <Card
+              key={i}
+              reduced={false}
+              data={item}
+              className={`keen-slider__slide`}
+              isNews
+            />
           ))}
         </div>
       </div>
diff --git a/src/components/sections/newsroom/hero/hero.module.scss b/src/components/sections/newsroom/hero/hero.module.scss
index 64a3190..323a71c 100644
--- a/src/components/sections/newsroom/hero/hero.module.scss
+++ b/src/components/sections/newsroom/hero/hero.module.scss
@@ -134,7 +134,6 @@
       @include respond-to('mobile') {
         width: 100%;
         display: flex;
-        justify-content: space-between;
       }
 
       .arrow {
@@ -151,10 +150,22 @@
     }
 
     a {
+      @include respond-to('mobile') {
+        width: 100%;
+        text-align: center;
+        margin-top: tovw(50px, 'default', 50px);
+      }
+
       margin-top: tovw(50px, 'default', 25px);
     }
   }
 
+  div:nth-child(2) {
+    @include respond-to('mobile') {
+      width: 100%;
+    }
+  }
+
   .gradient {
     @include respond-to('mobile') {
       height: 80%;
diff --git a/src/components/sections/newsroom/media/media.module.scss b/src/components/sections/newsroom/media/media.module.scss
index 246cf66..65cc8ca 100644
--- a/src/components/sections/newsroom/media/media.module.scss
+++ b/src/components/sections/newsroom/media/media.module.scss
@@ -42,13 +42,10 @@
     }
 
     .media__block {
-      //   @include respond-to('mobile') {
-      //   }
-
       @include respond-to('mobile') {
         display: flex;
         gap: unset;
-        width: calc(100% - tovw(16px, 'mobile'));
+        width: calc(100% + tovw(16px, 'mobile'));
       }
 
       display: grid;
diff --git a/src/pages/about.tsx b/src/pages/about.tsx
index 32e750f..3f0b39a 100644
--- a/src/pages/about.tsx
+++ b/src/pages/about.tsx
@@ -74,7 +74,7 @@ const About = ({
       <Team teamData={teamsData} data={teamsPageData} />
       <Whitepaper data={whitepaperData} />
       <Roadmap data={roadmapData} />
-      <Related data={initialBlogPosts?.data} />
+      <Related data={initialBlogPosts?.data} reduced={true} />
     </PageLayout>
   )
 }
diff --git a/src/pages/careers.tsx b/src/pages/careers.tsx
index a631063..17a5adb 100644
--- a/src/pages/careers.tsx
+++ b/src/pages/careers.tsx
@@ -74,7 +74,7 @@ const Careers = ({
       <Values data={valuesData} />
       <WhyJoin data={whyData} />
       <Positions data={positionsSectData} positionsData={positionsData} />
-      <Related data={initialBlogPosts?.data} />
+      <Related data={initialBlogPosts?.data} reduced={true} />
     </PageLayout>
   )
 }
diff --git a/src/pages/press.tsx b/src/pages/press.tsx
index a662f05..6ca39b1 100644
--- a/src/pages/press.tsx
+++ b/src/pages/press.tsx
@@ -65,7 +65,7 @@ const Newsroom = ({
       />
       <Press blogData={initialBlogPosts?.data} />
       <Media />
-      <Related data={initialBlogPosts?.data} />
+      <Related data={initialBlogPosts?.data} reduced={true} />
     </PageLayout>
   )
 }
diff --git a/src/pages/products.tsx b/src/pages/products.tsx
index a3435f5..24770ef 100644
--- a/src/pages/products.tsx
+++ b/src/pages/products.tsx
@@ -82,7 +82,7 @@ const Products = ({
       <Network data={networkData} />
       <AppSection data={appData} />
       <Token data={tokenData} />
-      <Related data={initialBlogPosts?.data} />
+      <Related data={initialBlogPosts?.data} reduced={true} />
     </PageLayout>
   )
 }