<div class="ext-details">
  <div class="brick brick--theme-grey pd-0">
    <div class="flex flex--nowrap flex--stretch">
      {{#link-to 'settings.extensions.index' class='flex__item pd-x-1 fill-grey-10'}}
        {{svg-icon path='svg/close' iconModifier='ext-details__icon'}}
      {{/link-to}}
      <div class="flex__item flex__item--grow pd-1 border-l">
        <h4>{{i18n 'Extension Details'}}</h4>
      </div>
    </div>
  </div>
  <div class="ext-details__body brick brick--theme-grey brick--pd-lg">
    <div class="flex flex--nowrap flex--verticalCenter">
      <img src="{{extension.iconUrl}}" class="square-5 flex__item flex__item--noShrink" data-test-selector="ext-icon">
      <div class="flex__item flex__item--grow mg-l-1">
        <h4 class="mg-0 pd-0" data-test-selector="ext-name">{{extension.name}}</h4>
        <p class="ext-details__author ext-author mg-0 pd-0" data-test-selector="ext-author">{{authorText}}</p>
      </div>
    </div>
    <div class="tower tower--gutter-none pd-t-1">
      <iframe src="{{extension.configUrl}}" width="320" height="480" sandbox="allow-forms allow-scripts" data-test-selector="ext-config-frame"></iframe>
    </div>
  </div>
</div>