From 4314d12469a029419dc6ba28d6548ca52f868ca5 Mon Sep 17 00:00:00 2001
From: Sergiu <46888793+Serj10GR@users.noreply.github.com>
Date: Tue, 11 Aug 2020 18:44:23 +0300
Subject: [PATCH] Ott main style fix (#74)

---
 src/features/MatchesSlider/components/styled.tsx | 12 ++++++++----
 src/features/MatchesSlider/styled.tsx            |  1 -
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/features/MatchesSlider/components/styled.tsx b/src/features/MatchesSlider/components/styled.tsx
index 7d418f0a..1a97d4f3 100644
--- a/src/features/MatchesSlider/components/styled.tsx
+++ b/src/features/MatchesSlider/components/styled.tsx
@@ -11,7 +11,8 @@ export const CardWrapper = styled.li.attrs({
   flex: 0 0 auto;
   width: ${MATCH_CARD_WIDTH}px;
   margin-right: ${MATCH_CARD_GAP}px;
-  padding-bottom: 38px;
+  padding-bottom: 30px;
+  height: 288px;
   border-radius: 2px;
   background-color: #3F3F3F;
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
@@ -21,7 +22,7 @@ export const CardWrapper = styled.li.attrs({
 export const PreviewWrapper = styled.div`
   display: flex;
   flex-direction: column-reverse;
-  height: 160px;
+  height: 147px;
 `
 
 export const Preview = styled.img`
@@ -33,16 +34,19 @@ export const MatchStatus = styled.div`
   position: absolute;
   top: 24px;
   left: 24px;
+  width: 125px;
+  height: 24px;
   border-radius: 2px;
-  padding: 7px 10px;
+  padding: 5px 5px;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: 0.1em;
+  text-align: center;
 `
 
 export const Info = styled.div`
-  padding: 27px 24px 0;
+  padding: 33px 24px 0;
   color: #fff;
 `
 
diff --git a/src/features/MatchesSlider/styled.tsx b/src/features/MatchesSlider/styled.tsx
index b91a9396..ee1ce320 100644
--- a/src/features/MatchesSlider/styled.tsx
+++ b/src/features/MatchesSlider/styled.tsx
@@ -7,7 +7,6 @@ export const Wrapper = styled.div`
 
 export const Slides = styled.ul`
   display: flex;
-  overflow-x: auto;
   scroll-behavior: smooth;
 
   &::-webkit-scrollbar {