From 8514f284141f47efa55d5792d6e2be7181bf9a6a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lotta=20Skogstr=C3=B6m?= <lotta.skogstrom@futurice.com>
Date: Wed, 25 Mar 2020 10:56:28 +0200
Subject: [PATCH 1/2] Flex fixes

---
 frontend/embed/v1/src/index.css | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/frontend/embed/v1/src/index.css b/frontend/embed/v1/src/index.css
index 8f66b7d0..2e6527b9 100644
--- a/frontend/embed/v1/src/index.css
+++ b/frontend/embed/v1/src/index.css
@@ -113,11 +113,12 @@ label {
 }
 
 .option-wrapper input {
-  -webkit-box-flex: 0 0 0;
-  -webkit-flex: 0 0 0;
-  -ms-flex: 0 0 0;
-  flex: 20px 0 0;
+  -webkit-box-flex: 0 0 20px;
+  -webkit-flex: 0 0 20px;
+  -ms-flex: 0 0 20px;
+  flex: 0 0 20px;
   min-width: 20px;
+  width: 20px;
 }
 
 .option-wrapper:not(:last-child) {
@@ -197,9 +198,9 @@ form .action-button {
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
-  -webkit-box-flex: 80px 0 0;
+  -webkit-box-flex: 0 0 80px;
   width: 80px;
-  -webkit-flex: 80px 0 0;
-  -ms-flex: 80px 0 0;
+  -webkit-flex: 0 0 80px;
+  -ms-flex: 0 0 80px;
   margin: 0 12px 16px 0;
 }
\ No newline at end of file

From b29a72c29d98a6eb11766e466650f9149006ce8e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lotta=20Skogstr=C3=B6m?= <lotta.skogstrom@futurice.com>
Date: Wed, 25 Mar 2020 10:56:56 +0200
Subject: [PATCH 2/2] Make paddings smaller

---
 frontend/embed/v1/src/index.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/embed/v1/src/index.css b/frontend/embed/v1/src/index.css
index 2e6527b9..abc16ef1 100644
--- a/frontend/embed/v1/src/index.css
+++ b/frontend/embed/v1/src/index.css
@@ -23,7 +23,7 @@ main {
 }
 
 .container {
-  padding: 0 18px;
+  padding: 0 2px;
 }
 
 .form-info {
@@ -68,7 +68,7 @@ h1 {
   border: 1px solid #000;
   display: block;
   padding: 0 5px;
-  margin: 20px 24px 24px;
+  margin: 20px 24px 24px 18px;
 }
 
 .input-field::-webkit-input-placeholder {
@@ -92,13 +92,13 @@ label {
 }
 
 .options {
-  padding-left: 24px;
+  padding-left: 18px;
   margin-bottom: 24px;
 }
 
 .input-wrapper {
   margin: 0 0 24px 0;
-  padding: 0 24px;
+  padding: 0 16px;
 }
 
 .input-wrapper:not(:last-child) {
@@ -143,7 +143,7 @@ label {
   border: 1px solid #b4b4b4;
   border-width: 1px 0 1px 0;
   width: 100%;
-  padding: 12px 24px;
+  padding: 12px 16px;
 }
 
 em {
@@ -154,7 +154,7 @@ em {
 }
 
 .optional-field-info {
-  margin: -10px 0 24px 0;
+  margin: -10px 0 18px 0;
   display: block;
   color: #595959;
   padding-left: 24px;