Change alignment of remaining days relative to expiration date

styles/sections/_reports.scss

@@ -162,6 +162,7 @@
 
           dl {
             text-align: right;
+            margin-top: -2 * $gap;
 
             dd, dt {
               display: inline;

templates/portfolios/reports/index.html

@@ -59,9 +59,13 @@
 
           <hr></hr>
 
-          <div class='to-summary__expiration row'>
-            <div class='col col--grow'>
+          <div class='to-summary__expiration'>
+            <div class='row'>
               <h4 class='subheading'>Expiration Date</h4>
+            </div>
+            <div class='row'>
+
+              <div class='col col--grow'>
                 <div>
                   {% if expiration_date %}
                     <local-datetime
@@ -90,6 +94,8 @@
                   </dd>
                 </dl>
               </div>
+
+            </div>
           </div>
         </div>