From 32d317cdef0110f22bbe87af03cd3fc2b2f8882f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Fri, 16 Oct 2015 11:29:08 +0200
Subject: [PATCH] add download button to loan form

---
 js/components/ascribe_forms/form_loan.js | 3 +++
 sass/ascribe_notification_page.scss      | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/js/components/ascribe_forms/form_loan.js b/js/components/ascribe_forms/form_loan.js
index ef2fbd13..44204963 100644
--- a/js/components/ascribe_forms/form_loan.js
+++ b/js/components/ascribe_forms/form_loan.js
@@ -130,6 +130,9 @@ let LoanForm = React.createClass({
                             src={contract.blob.url_safe}
                             alt="pdf"
                             pluginspage="http://www.adobe.com/products/acrobat/readstep2.html"/>
+                        <a href={contract.blob.url_safe} target="_blank">
+                            <span className="glyphicon glyphicon-download" aria-hidden="true"></span> Download contract
+                        </a>
                         {/* We still need to send the server information that we're accepting */}
                         <InputCheckbox
                                 style={{'display': 'none'}}
diff --git a/sass/ascribe_notification_page.scss b/sass/ascribe_notification_page.scss
index 800148cf..955609d2 100644
--- a/sass/ascribe_notification_page.scss
+++ b/sass/ascribe_notification_page.scss
@@ -21,7 +21,6 @@
 
 .notification-contract-pdf, .notification-contract-footer {
     width: 100%;
-    max-width: 750px;
     margin: 0 auto;
 }
 .notification-contract-pdf {
@@ -29,7 +28,8 @@
         border: 1px solid #cccccc;
         width: 100%;
         height: 60vh;
-        margin-bottom: 0;
+        margin-top: .5em;
+        margin-bottom: 1em;
 
         .loan-form {
             margin-top: .5em;