From 583053416734e3693998c69b9850a95b6f024130 Mon Sep 17 00:00:00 2001
From: sashapanasiuk5 <51517423+sashapanasiuk5@users.noreply.github.com>
Date: Wed, 7 Aug 2024 12:03:34 +0300
Subject: [PATCH 1/3] fix modal width on phones

---
 .../Vacancy/VacancyModal/VacancyModal.component.tsx       | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/features/AboutUsPage/Vacancies/Vacancy/VacancyModal/VacancyModal.component.tsx b/src/features/AboutUsPage/Vacancies/Vacancy/VacancyModal/VacancyModal.component.tsx
index e6981992e..7cbf7807b 100644
--- a/src/features/AboutUsPage/Vacancies/Vacancy/VacancyModal/VacancyModal.component.tsx
+++ b/src/features/AboutUsPage/Vacancies/Vacancy/VacancyModal/VacancyModal.component.tsx
@@ -33,10 +33,10 @@ const VacancyModal = ({ isOpen, setOpen, job }: Props) => {
         if (window.innerWidth > SCREEN_SIZES.phone) {
             return 400;
         }
-        if (window.innerWidth > SCREEN_SIZES.smallPhone) {
-            return 310;
-        }
-        return 270;
+        /*if (window.innerWidth > SCREEN_SIZES.smallPhone) {
+            return window.innerWidth;
+        }*/
+        return window.innerWidth;
     };
 
     return (

From 502f612d9a3b9f951bdfc573a2d013059dd87365 Mon Sep 17 00:00:00 2001
From: sashapanasiuk5 <51517423+sashapanasiuk5@users.noreply.github.com>
Date: Wed, 7 Aug 2024 12:03:49 +0300
Subject: [PATCH 2/3] Fix close button size

---
 .../Vacancy/VacancyModal/VacancyModal.styles.scss   | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/features/AboutUsPage/Vacancies/Vacancy/VacancyModal/VacancyModal.styles.scss b/src/features/AboutUsPage/Vacancies/Vacancy/VacancyModal/VacancyModal.styles.scss
index 7e4c5c297..0797bddf5 100644
--- a/src/features/AboutUsPage/Vacancies/Vacancy/VacancyModal/VacancyModal.styles.scss
+++ b/src/features/AboutUsPage/Vacancies/Vacancy/VacancyModal/VacancyModal.styles.scss
@@ -97,5 +97,18 @@
           align-items: center;
         }
       }
+
+    @media screen and (max-width:s.$phone) {
+        .ant-modal-close {
+            top: -20px;
+            right: -10px;
+            @include mut.circular(50px, c.$pure-white-color);
+            filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
+        }
+
+        .ant-modal-close-x{
+            transform: scale(0.75);
+        }
+    }
     
 }
\ No newline at end of file

From adb74fc7e516ed3c0bbdefcf9372ac6a29d9bd6f Mon Sep 17 00:00:00 2001
From: sashapanasiuk5 <51517423+sashapanasiuk5@users.noreply.github.com>
Date: Thu, 8 Aug 2024 00:16:17 +0300
Subject: [PATCH 3/3] remove unnecessary comment

---
 .../Vacancies/Vacancy/VacancyModal/VacancyModal.component.tsx  | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/features/AboutUsPage/Vacancies/Vacancy/VacancyModal/VacancyModal.component.tsx b/src/features/AboutUsPage/Vacancies/Vacancy/VacancyModal/VacancyModal.component.tsx
index 7cbf7807b..305b6b578 100644
--- a/src/features/AboutUsPage/Vacancies/Vacancy/VacancyModal/VacancyModal.component.tsx
+++ b/src/features/AboutUsPage/Vacancies/Vacancy/VacancyModal/VacancyModal.component.tsx
@@ -33,9 +33,6 @@ const VacancyModal = ({ isOpen, setOpen, job }: Props) => {
         if (window.innerWidth > SCREEN_SIZES.phone) {
             return 400;
         }
-        /*if (window.innerWidth > SCREEN_SIZES.smallPhone) {
-            return window.innerWidth;
-        }*/
         return window.innerWidth;
     };