From 681a48f4834523e57626f7c4ec9d74a73963c30c Mon Sep 17 00:00:00 2001
From: Nicolas Wagner <contact@wagner-nicolas.com>
Date: Tue, 15 May 2018 23:22:23 +0200
Subject: [PATCH 1/3] feat(bids): add call to action

add cta to the kyc register
---
 src/containers/iico/components/bids/bids.scss |  5 +++++
 src/containers/iico/components/bids/index.js  | 19 ++++++++++++-------
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/containers/iico/components/bids/bids.scss b/src/containers/iico/components/bids/bids.scss
index 98fc278..14ec566 100644
--- a/src/containers/iico/components/bids/bids.scss
+++ b/src/containers/iico/components/bids/bids.scss
@@ -9,6 +9,11 @@
     justify-content: space-around;
   }
 
+  &-kycRegister {
+    margin-top: 0.5em;
+    text-align: center;
+  }
+
   &-confirm {
     padding: 15px;
     text-align: justify;
diff --git a/src/containers/iico/components/bids/index.js b/src/containers/iico/components/bids/index.js
index e926619..7a395a2 100644
--- a/src/containers/iico/components/bids/index.js
+++ b/src/containers/iico/components/bids/index.js
@@ -280,19 +280,24 @@ class Bids extends PureComponent {
       KYCLevel = 'Base'
     } else {
       KYCLevelTooltip = 'You need to pass the KYC to participate in the sale.'
-      KYCLevel = 'None'
+      KYCLevel = 'You need to pass the KYC to participate in the sale.'
     }
 
     let KYCLink
     if (process.env.REACT_APP_BRANCH === 'master')
       KYCLink = (
-        <a
-          href="https://kleros.io/kyc"
-          rel="noopener noreferrer"
-          target="_blank"
-        >
+        <span>
           {KYCLevel}
-        </a>
+          <div className="Bids-kycRegister">
+            <a
+              href="https://kleros.io/kyc"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              Register for KYC here
+            </a>
+          </div>
+        </span>
       )
 
     return (

From 082df2492f131902acf957ced2201d3446485c5a Mon Sep 17 00:00:00 2001
From: epiqueras <epiquerass@gmail.com>
Date: Tue, 15 May 2018 19:05:52 -0500
Subject: [PATCH 2/3] refactor(kyc): improve code

---
 src/containers/iico/components/bids/bids.scss | 5 -----
 src/containers/iico/components/bids/index.js  | 8 ++++----
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/containers/iico/components/bids/bids.scss b/src/containers/iico/components/bids/bids.scss
index 14ec566..98fc278 100644
--- a/src/containers/iico/components/bids/bids.scss
+++ b/src/containers/iico/components/bids/bids.scss
@@ -9,11 +9,6 @@
     justify-content: space-around;
   }
 
-  &-kycRegister {
-    margin-top: 0.5em;
-    text-align: center;
-  }
-
   &-confirm {
     padding: 15px;
     text-align: justify;
diff --git a/src/containers/iico/components/bids/index.js b/src/containers/iico/components/bids/index.js
index 7a395a2..abd1023 100644
--- a/src/containers/iico/components/bids/index.js
+++ b/src/containers/iico/components/bids/index.js
@@ -280,7 +280,7 @@ class Bids extends PureComponent {
       KYCLevel = 'Base'
     } else {
       KYCLevelTooltip = 'You need to pass the KYC to participate in the sale.'
-      KYCLevel = 'You need to pass the KYC to participate in the sale.'
+      KYCLevel = 'None'
     }
 
     let KYCLink
@@ -288,15 +288,15 @@ class Bids extends PureComponent {
       KYCLink = (
         <span>
           {KYCLevel}
-          <div className="Bids-kycRegister">
+          <h4>
             <a
               href="https://kleros.io/kyc"
               rel="noopener noreferrer"
               target="_blank"
             >
-              Register for KYC here
+              Register for the KYC here.
             </a>
-          </div>
+          </h4>
         </span>
       )
 

From c7918e10c4f345fa9a657cbb3a1ee066f9bf5274 Mon Sep 17 00:00:00 2001
From: epiqueras <epiquerass@gmail.com>
Date: Tue, 15 May 2018 20:14:53 -0500
Subject: [PATCH 3/3] feat(simple): improve responsive design

---
 src/containers/simple-bid/simple-bid.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/containers/simple-bid/simple-bid.scss b/src/containers/simple-bid/simple-bid.scss
index 771be7c..12ec3d3 100644
--- a/src/containers/simple-bid/simple-bid.scss
+++ b/src/containers/simple-bid/simple-bid.scss
@@ -4,6 +4,9 @@
   text-align: justify;
 
   &-addressInfo {
+    overflow-wrap: break-word;
+    text-align: left;
+
     &-blocks {
       display: flex;
       justify-content: space-evenly;