From 6faf7e14f6ce068f60bd8fa7f416e22789acc466 Mon Sep 17 00:00:00 2001
From: Pejam Hassanzadeh <pejam.hassanzadeh@knowit.fi>
Date: Tue, 7 Jun 2022 11:39:18 +0300
Subject: [PATCH] AKT(Frontend): Improve phone view stylings of contact request
 page

---
 .../akt/src/components/contactRequest/steps/WriteMessage.tsx    | 1 +
 .../publicTranslator/filters/PublicTranslatorFilters.tsx        | 2 +-
 .../packages/akt/src/styles/pages/_contact-request-page.scss    | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/packages/akt/src/components/contactRequest/steps/WriteMessage.tsx b/frontend/packages/akt/src/components/contactRequest/steps/WriteMessage.tsx
index 2f5d4ba0f..bb49704f0 100644
--- a/frontend/packages/akt/src/components/contactRequest/steps/WriteMessage.tsx
+++ b/frontend/packages/akt/src/components/contactRequest/steps/WriteMessage.tsx
@@ -101,6 +101,7 @@ export const WriteMessage = ({
             multiline
             fullWidth
             required
+            minRows={isPhone ? 10 : 5}
           />
         </div>
       </div>
diff --git a/frontend/packages/akt/src/components/publicTranslator/filters/PublicTranslatorFilters.tsx b/frontend/packages/akt/src/components/publicTranslator/filters/PublicTranslatorFilters.tsx
index e9720ecf9..26fe92a26 100644
--- a/frontend/packages/akt/src/components/publicTranslator/filters/PublicTranslatorFilters.tsx
+++ b/frontend/packages/akt/src/components/publicTranslator/filters/PublicTranslatorFilters.tsx
@@ -229,7 +229,7 @@ export const PublicTranslatorFilters = ({
         color={Color.Primary}
         className="public-translator-filters__app-bar"
       >
-        <Toolbar className="space-around public-translator-filters__app-bar__tool-bar">
+        <Toolbar className="public-translator-filters__app-bar__tool-bar space-between">
           <CustomButton
             data-testid="public-translator-filters__empty-btn"
             color={Color.Secondary}
diff --git a/frontend/packages/akt/src/styles/pages/_contact-request-page.scss b/frontend/packages/akt/src/styles/pages/_contact-request-page.scss
index 59e38fda8..b442e7c9a 100644
--- a/frontend/packages/akt/src/styles/pages/_contact-request-page.scss
+++ b/frontend/packages/akt/src/styles/pages/_contact-request-page.scss
@@ -45,7 +45,7 @@
     &__steps-container {
       @include phone {
         @include phone-divider-border-bottom;
-        margin-bottom: 2rem;
+        margin-bottom: 6rem;
         padding: 1rem 2rem 5rem;
       }
     }