Merge pull request #1496 from code-corps/fix-stripe-layout

Fix Stripe layout
code-corps · Nov 8, 2017 · 3364a56 · 3364a56
2 parents 8dba77b + 75e7844
commit 3364a56
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/app/components/payments/funds-recipient/personal-id-number.js b/app/components/payments/funds-recipient/personal-id-number.js
@@ -3,5 +3,7 @@ import { alias } from '@ember/object/computed';
 
 export default Component.extend({
   classNames: ['personal-id-number'],
+  tagName: 'section',
+
   status: alias('stripeConnectAccount.personalIdNumberStatus')
 });
diff --git a/app/components/payments/funds-recipient/verification-document.js b/app/components/payments/funds-recipient/verification-document.js
@@ -7,6 +7,8 @@ const UPLOAD_ERROR = 'There was a problem with uploading your file. Please try a
 
 export default Component.extend({
   classNames: ['verification-document'],
+  tagName: 'section',
+
   status: alias('stripeConnectAccount.verificationDocumentStatus'),
 
   progressPercentage: 0,

diff --git a/app/templates/components/payments/funds-recipient/personal-id-number.hbs b/app/templates/components/payments/funds-recipient/personal-id-number.hbs
@@ -1,15 +1,23 @@
 {{#if (eq status 'required')}}
   <div class="input-section">
-    <div class="input-section__label">Personal ID Number</div>
+    <div class="input-section__label">
+      <label>
+        <span class="input-label__text">Personal ID Number</span>
+      </label>
+    </div>
     <div class="input-section__content">
       <div class="input-group">
-        <label for="personal-id-number">Personal ID Number</label>
+        <div class="input-label">
+          <label for="personal-id-number">
+            Personal ID Number
+          </label>
+        </div>
         {{input type="text" name="legal-entity-personal-id-number" value=legalEntityPersonalIdNumber disabled=isBusy}}
         <p>We need your full personal ID number.</p>
+        <button {{action submit legalEntityPersonalIdNumber}} disabled={{isBusy}} class="default">Submit</button>
       </div>
     </div>
   </div>
-  <button {{action submit legalEntityPersonalIdNumber}} disabled={{isBusy}} class="default">Submit</button>
 {{/if}}
 
 {{#if (eq status 'verifying')}}