From 2ed0b1b06bf14b474b6ddc655d6b8b0c09479433 Mon Sep 17 00:00:00 2001
From: Patrick Smith <patrick+dds@promptworks.com>
Date: Tue, 12 Feb 2019 17:37:55 -0500
Subject: [PATCH] Prevent dollars and cents from wrapping in header

---
 styles/components/_portfolio_layout.scss | 6 +++++-
 templates/portfolios/header.html         | 4 ++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss
index bdb6d8ac..5ed8a143 100644
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -116,7 +116,11 @@
     margin-left: -.4rem;
   }
 
-  .cents {
+  .portfolio-header__budget--amount {
+    white-space: nowrap;
+  }
+
+  .portfolio-header__budget--cents {
     font-size: 2rem;
     margin-top: .75rem;
     margin-left: -.7rem;
diff --git a/templates/portfolios/header.html b/templates/portfolios/header.html
index 18674b5e..b64e00b5 100644
--- a/templates/portfolios/header.html
+++ b/templates/portfolios/header.html
@@ -21,11 +21,11 @@
           {{ Icon('info') }}
         </button>
       </div>
-      <div>
+      <div class='portfolio-header__budget--amount'>
         <span class='portfolio-header__budget--dollars'>
           {{ portfolio.task_orders | selectattr('is_active') | sum(attribute='budget') | justDollars }}
         </span>
-        <span class='cents'>
+        <span class='portfolio-header__budget--cents'>
           .{{ portfolio.task_orders | selectattr('is_active') | sum(attribute='budget') | justCents }}
         </span>
       </div>