Prevent dollars and cents from wrapping in header

This commit is contained in:
Patrick Smith 2019-02-12 17:37:55 -05:00
parent a2128012f0
commit 2ed0b1b06b
2 changed files with 7 additions and 3 deletions

View File

@ -116,7 +116,11 @@
margin-left: -.4rem; margin-left: -.4rem;
} }
.cents { .portfolio-header__budget--amount {
white-space: nowrap;
}
.portfolio-header__budget--cents {
font-size: 2rem; font-size: 2rem;
margin-top: .75rem; margin-top: .75rem;
margin-left: -.7rem; margin-left: -.7rem;

View File

@ -21,11 +21,11 @@
{{ Icon('info') }} {{ Icon('info') }}
</button> </button>
</div> </div>
<div> <div class='portfolio-header__budget--amount'>
<span class='portfolio-header__budget--dollars'> <span class='portfolio-header__budget--dollars'>
{{ portfolio.task_orders | selectattr('is_active') | sum(attribute='budget') | justDollars }} {{ portfolio.task_orders | selectattr('is_active') | sum(attribute='budget') | justDollars }}
</span> </span>
<span class='cents'> <span class='portfolio-header__budget--cents'>
.{{ portfolio.task_orders | selectattr('is_active') | sum(attribute='budget') | justCents }} .{{ portfolio.task_orders | selectattr('is_active') | sum(attribute='budget') | justCents }}
</span> </span>
</div> </div>