From e61961a41b2a6f2850e466812e603e15872172d1 Mon Sep 17 00:00:00 2001
From: Limbo2332 <vorobiovalosha@gmail.com>
Date: Mon, 4 Sep 2023 12:07:35 +0300
Subject: [PATCH] fixed problems with main page design

---
 .../src/app/modules/main/challenge/challenge.component.sass | 1 +
 .../main/filtering-section/filtering-section.component.sass | 3 +++
 .../suggested-challenge/suggested-challenge.component.sass  | 6 +++++-
 frontend/src/styles/bootstrap-variables.sass                | 2 +-
 4 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/modules/main/challenge/challenge.component.sass b/frontend/src/app/modules/main/challenge/challenge.component.sass
index a2ff45698..39b6384ba 100644
--- a/frontend/src/app/modules/main/challenge/challenge.component.sass
+++ b/frontend/src/app/modules/main/challenge/challenge.component.sass
@@ -3,6 +3,7 @@
 :host
     display: flex
     flex-direction: column
+    border-radius: 4px
     background-color: $charcoal-grey
     color: $white
     font-family: 'Montserrat', sans-serif
diff --git a/frontend/src/app/modules/main/filtering-section/filtering-section.component.sass b/frontend/src/app/modules/main/filtering-section/filtering-section.component.sass
index 9f8f848ab..febbba7e5 100644
--- a/frontend/src/app/modules/main/filtering-section/filtering-section.component.sass
+++ b/frontend/src/app/modules/main/filtering-section/filtering-section.component.sass
@@ -42,6 +42,9 @@
 .challenges
     border-radius: 4px
 
+:host ::ng-deep .title
+    font-size: 14px
+
 @media (max-width: 992px)
   .filters
     max-width: 224px
diff --git a/frontend/src/app/modules/main/suggested-challenge/suggested-challenge.component.sass b/frontend/src/app/modules/main/suggested-challenge/suggested-challenge.component.sass
index 5f43b0b31..d0814b4e4 100644
--- a/frontend/src/app/modules/main/suggested-challenge/suggested-challenge.component.sass
+++ b/frontend/src/app/modules/main/suggested-challenge/suggested-challenge.component.sass
@@ -3,6 +3,8 @@
 
 :host
   font-family: Open Sans
+  display: flex
+  justify-content: center
 
 :host ::ng-deep .float-start
   color: $lavender-ash
@@ -17,6 +19,7 @@
     background-color: $dark-grey
     margin-bottom: 0.5rem
     box-sizing: border-box
+    max-width: 900px
 
 .suggested-body
     > *
@@ -99,6 +102,7 @@ h5
 
 .description
     display: flexbox
+    font-size: 14px
     > *
         margin: 1rem 1rem
 
@@ -208,11 +212,11 @@ h5
     justify-content: center
     align-items: center
     background-color: $dark-grey
+    border-radius: 4px
 
     white-space: nowrap
     color: $grey
     font-family: Montserrat
-    font-size: 14px
     font-style: normal
     font-weight: 400
     line-height: normal
diff --git a/frontend/src/styles/bootstrap-variables.sass b/frontend/src/styles/bootstrap-variables.sass
index daa2c60b5..7c7dc67d6 100644
--- a/frontend/src/styles/bootstrap-variables.sass
+++ b/frontend/src/styles/bootstrap-variables.sass
@@ -1 +1 @@
-$container-max-widths: ( sm: 460px, md: 720px, lg: 900px)
+$container-max-widths: ( sm: 460px, md: 720px, lg: 940px)