From 19055784ff82434fa37a49be6c5467ac6ec704ee Mon Sep 17 00:00:00 2001
From: saltrafael <a657ee92-7eb9-46eb-97d2-6735799df838@aleeas.com>
Date: Wed, 26 May 2021 21:25:09 -0300
Subject: [PATCH] fix recipient address mobile view

---
 ui/scss/component/_form-field.scss | 5 ++++-
 ui/scss/init/_vars.scss            | 1 +
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/ui/scss/component/_form-field.scss b/ui/scss/component/_form-field.scss
index a681a2362..71ad82eb6 100644
--- a/ui/scss/component/_form-field.scss
+++ b/ui/scss/component/_form-field.scss
@@ -405,7 +405,7 @@ fieldset-group {
 }
 
 .form-field--price-amount {
-  width: 7em;
+  max-width: 6em;
 }
 
 .form-field--price-amount--auto {
@@ -415,6 +415,9 @@ fieldset-group {
 
 .form-field--address {
   min-width: 18em;
+  @media (max-width: $breakpoint-xxsmall) {
+    min-width: 10em;
+  }
 }
 
 .form-field__help {
diff --git a/ui/scss/init/_vars.scss b/ui/scss/init/_vars.scss
index 31b8c566b..7775a9abc 100644
--- a/ui/scss/init/_vars.scss
+++ b/ui/scss/init/_vars.scss
@@ -2,6 +2,7 @@
 $spacing-vertical: 2rem;
 $spacing-width: 36px;
 
+$breakpoint-xxsmall: 450px;
 $breakpoint-xsmall: 600px;
 $breakpoint-small: 900px;
 $breakpoint-medium: 1150px;