Feature/gh 1384 payment request table (#1447)

* tweak payment request table spacing for larger numbers
* add spacing between project buttons
* wrap the rejected payments in a conditional

opentech/apply/projects/templates/application_projects/includes/payment_requests.html

@@ -39,28 +39,31 @@
         </tbody>
     </table>
 
-    <p class="payment-block__rejected">
-        <a class="payment-block__rejected-link js-payment-block-rejected-link" href="#">Show rejected</a>
-    </p>
+    {% if payments.rejected %}
+        <p class="payment-block__rejected">
+            <a class="payment-block__rejected-link js-payment-block-rejected-link" href="#">Show rejected</a>
+        </p>
+
+        <table class="payment-block__table is-hidden js-payment-block-rejected-table">
+            <thead>
+                <tr>
+                    <th class="payment-block__table-amount">Amount</th>
+                    <th class="payment-block__table-status">Status</th>
+                    <th class="payment-block__table-docs">Documents</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for payment_request in payments.rejected %}
+                <tr>
+                    <td><span class="payment-block__mobile-label">Amount: </span>${{ payment_request.value }}</td>
+                    <td><span class="payment-block__mobile-label">Status: </span>{{ payment_request.status }}</td>
+                    <td><span class="payment-block__mobile-label">Documents: </span><a href="#">Download</a></td>
+                </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    {% endif %}
 
-    <table class="payment-block__table is-hidden js-payment-block-rejected-table">
-        <thead>
-            <tr>
-                <th class="payment-block__table-amount">Amount</th>
-                <th class="payment-block__table-status">Status</th>
-                <th class="payment-block__table-docs">Documents</th>
-            </tr>
-        </thead>
-        <tbody>
-            {% for payment_request in payments.rejected %}
-            <tr>
-                <td><span class="payment-block__mobile-label">Amount: </span>${{ payment_request.value }}</td>
-                <td><span class="payment-block__mobile-label">Status: </span>{{ payment_request.status }}</td>
-                <td><span class="payment-block__mobile-label">Documents: </span><a href="#">Download</a></td>
-            </tr>
-            {% endfor %}
-        </tbody>
-    </table>
 </div>
 
 {% for payment_request in payments.not_rejected %}

opentech/apply/projects/templates/application_projects/project_detail.html

@@ -140,7 +140,7 @@
 
                     <a data-fancybox
                        data-src="#upload-contract"
-                       class="button button--primary button--full-width"
+                       class="button button--primary button--full-width button--bottom-space"
                        href="#">
                         Upload contract
                     </a>

opentech/static_src/src/sass/apply/components/_payment-block.scss

@@ -136,13 +136,13 @@
     }
 
     &__table-amount {
-        width: 20%;
+        width: 25%;
         min-width: 90px;
     }
 
     &__table-status {
         min-width: 160px;
-        width: 35%;
+        width: 30%;
     }
 
     &__table-docs {