From 5ebcaa3950d5d285c0cecd3fbd377e26f207eb78 Mon Sep 17 00:00:00 2001
From: leigh-mil <leigh-ctr@friends.dds.mil>
Date: Tue, 3 Dec 2019 15:03:55 -0500
Subject: [PATCH] Add sticky CTA to applications index page and update copy in
 TO index sticky CTA

---
 styles/components/_portfolio_layout.scss |  2 ++
 templates/applications/index.html        | 18 +++++++-----------
 templates/task_orders/index.html         |  6 +++---
 3 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss
index 0e018809..0da98f17 100644
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -383,6 +383,8 @@
 }
 
 .portfolio-applications {
+  margin-top: $gap * 5;
+
   &__header {
     &--title {
       @include subheading;
diff --git a/templates/applications/index.html b/templates/applications/index.html
index 2d3e7d42..ce6b6fde 100644
--- a/templates/applications/index.html
+++ b/templates/applications/index.html
@@ -1,5 +1,6 @@
 {% from "components/icon.html" import Icon %}
 {% from "components/empty_state.html" import EmptyState %}
+{% from "components/sticky_cta.html" import StickyCTA %}
 
 {% extends "portfolios/base.html" %}
 
@@ -7,19 +8,14 @@
 
 {% block portfolio_content %}
 
+{% call StickyCTA(text="Applications") %}
+    {% if can_create_applications and portfolio.applications %}
+      <a href="{{ url_for("applications.view_new_application_step_1", portfolio_id=portfolio.id) }}" class="usa-button usa-button-primary">Create Application</a>
+    {% endif %}
+{% endcall %}
+
 <div class='portfolio-applications'>
   {% include "fragments/flash.html" %}
-  <div class='portfolio-applications__header row'>
-    <div class='portfolio-applications__header--title col col--grow'>Applications</div>
-    <div class='portfolio-applications__header--actions col'>
-      {% if can_create_applications %}
-        <a class='icon-link' href='{{ url_for('applications.view_new_application_step_1', portfolio_id=portfolio.id) }}'>
-          {{ 'portfolios.applications.add_application_text' | translate }}
-          {{ Icon("plus", classes="sidenav__link-icon") }}
-        </a>
-      {% endif %}
-    </div>
-  </div>
 
   {% if not portfolio.applications %}
 
diff --git a/templates/task_orders/index.html b/templates/task_orders/index.html
index dae2715f..c1e78c81 100644
--- a/templates/task_orders/index.html
+++ b/templates/task_orders/index.html
@@ -93,9 +93,9 @@
 {% endmacro %}
 
 
-{% call StickyCTA(text="Funding") %}
-    {% if user_can(permissions.CREATE_TASK_ORDER) %}
-      <a href="{{ url_for("task_orders.form_step_one_add_pdf", portfolio_id=portfolio.id) }}" class="usa-button usa-button-primary" type="submit">Start a new task order</a>
+{% call StickyCTA(text="Task Orders") %}
+    {% if user_can(permissions.CREATE_TASK_ORDER) and task_orders %}
+      <a href="{{ url_for("task_orders.form_step_one_add_pdf", portfolio_id=portfolio.id) }}" class="usa-button usa-button-primary">Add New Task Order</a>
     {% endif %}
 {% endcall %}