align header variables to match charmhub

Author: abbiesims

templates/store/package_header/_package_header.html

@@ -22,8 +22,8 @@
 {%- from 'store/package_header/_package_header_data.html' import package_header_data, package_icon -%}
 
 {%- macro package_header() -%}
-  {%- set buttons_content = caller('buttons') -%}
-  {%- set has_buttons_content = buttons_content|trim|length > 0 -%}
+  {%- set additional_info_content = caller('additional_info') -%}
+  {%- set has_additional_info_content = additional_info_content|trim|length > 0 -%}
   <div class="grid-row">
     <div class="grid-col-2 grid-col-medium-1 grid-col-small-1">
       {{ package_icon(icon_url, image) }}
@@ -40,9 +40,14 @@
           developer_validation=developer_validation,
           STAR_DEVELOPER=STAR_DEVELOPER,
           VERIFIED_PUBLISHER=VERIFIED_PUBLISHER) }}
-      {%- if has_buttons_content -%}
-      <div class="p-section--shallow">{{ buttons_content }}</div>
-      {%- endif -%}
     </div>
   </div>
+  {%- if has_additional_info_content -%}
+  <div class="grid-row">
+    <div class="grid-col-2 grid-col-medium-1 grid-col-small-1"></div>
+    <div class="grid-col-6 grid-col-medium-3 grid-col-small-3">
+      <div class="p-section--shallow">{{ additional_info_content }}</div>
+    </div>
+  </div>
+  {%- endif -%}
 {%- endmacro -%}

templates/store/snap-details.html

@@ -89,7 +89,7 @@
       </div>
     {% endif %}
       {%- call(slot) package_header() -%}
-        {%- if slot == 'buttons' -%}
+        {%- if slot == 'additional_info' -%}
           <div class="p-cta-block u-no-padding--bottom">
             <button
               class="p-button{% if is_preview %} p-tooltip p-tooltip--btm-right{% endif %}"

templates/store/snap-distro-install.html

@@ -101,7 +101,7 @@ <h1 class="p-heading--2 u-no-margin is-light">Install {{ snap_title }}<br/> on <
         <div class="row">
           <div class="details-block">
             {%- call(slot) package_header() -%}
-              {%- if slot == 'buttons' -%}
+              {%- if slot == 'additional_info' -%}
                 <a class="p-button--positive js-install" href="#install" data-scroll-to="#install">
                   Install
                 </a>