From 6f25d27fb4cb5d7304b19616d7cec750916ff0cb Mon Sep 17 00:00:00 2001
From: Montana <montana-ctr@friends.dds.mil>
Date: Tue, 26 Mar 2019 10:18:29 -0400
Subject: [PATCH] Style save button and add new member link

---
 static/icons/plus-circle-solid.svg               |  1 +
 styles/components/_portfolio_layout.scss         | 11 +++++++++++
 templates/fragments/admin/portfolio_members.html | 12 +++++++-----
 3 files changed, 19 insertions(+), 5 deletions(-)
 create mode 100644 static/icons/plus-circle-solid.svg

diff --git a/static/icons/plus-circle-solid.svg b/static/icons/plus-circle-solid.svg
new file mode 100644
index 00000000..67441e7f
--- /dev/null
+++ b/static/icons/plus-circle-solid.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="plus-circle" class="svg-inline--fa fa-plus-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"></path></svg>
\ No newline at end of file
diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss
index bd6e6429..2ae5f61e 100644
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -283,6 +283,17 @@
         float: right;
       }
     }
+
+    input.usa-button.usa-button-primary {
+      margin: 0;
+      width: 9rem;
+      height: 4rem;
+    }
+
+    .members-table-footer {
+      float: right;
+      padding: 3 * $gap;
+    }
   }
 
   .application-content {
diff --git a/templates/fragments/admin/portfolio_members.html b/templates/fragments/admin/portfolio_members.html
index b05b6b8f..2adda63a 100644
--- a/templates/fragments/admin/portfolio_members.html
+++ b/templates/fragments/admin/portfolio_members.html
@@ -61,11 +61,13 @@
 
       </tbody>
     </table>
-    <a class='icon-link'>
-      {{ "portfolios.admin.add_member" | translate }}
-      <span class='icon'>{{ Icon('plus') }}</span>
-    </a>
-    <input type='submit' class='usa-button usa-button-primary' value='{{ "Save" }}' />
+    <div class="members-table-footer">
+      <a class='icon-link'>
+        {{ "portfolios.admin.add_member" | translate }}
+        {{ Icon('plus-circle-solid') }}
+      </a>
+      <input type='submit' class='usa-button usa-button-primary' value='{{ "Save" }}' />
+    </div>
     </form>
 
   </div>