Merge pull request #110 from Opetushallitus/feature/OPHAKTKEH-365

AKT(Frontend): Improve phone view stylings of contact request page
Opetushallitus · Jun 7, 2022 · 331b9c4 · 331b9c4
2 parents a827cfa + 6faf7e1
commit 331b9c4
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git 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
@@ -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
@@ -45,7 +45,7 @@
     &__steps-container {
       @include phone {
         @include phone-divider-border-bottom;
-        margin-bottom: 2rem;
+        margin-bottom: 6rem;
         padding: 1rem 2rem 5rem;
       }
     }