outline_subsection_header-expanded.html

<div class="subsection-header">
  <h3 class="subsection-header-details ui-toggle-expansion" title="Collapse/Expand this Subsection">
    <i class="icon-caret-down icon"></i>
    <span class="wrapper-subsection-title is-editable wrapper-xblock-field">
      <span class="subsection-title item-title xblock-field-value">Subsection Title</span>

      <!-- editor-title -->
      <span class="editor">
        <label class="sr" for="subsection-title_ID">Rename Subsection Name</label>
        <input class="item-edit-title is-hidden" id="section-title_ID" type="text" value="" data-metadata-name="" />
      </span>
      <!-- /editor-title -->
    </span>
  </h3>

  <div class="subsection-header-actions">
    <ul class="actions-list">
      <li class="action-item action-publish">
        <a href="#" data-tooltip="Publish" class="publish-button action-button">
          <i class="icon icon-share"></i>
          <span class="action-button-text sr">Publish</span>
        </a>
      </li>
      <li class="action-item action-settings">
        <a href="#" data-tooltip="Settings" class="settings-button action-button">
          <i class="icon icon-cog"></i>
          <span class="action-button-text sr">Settings</span>
        </a>
      </li>
      <li class="action-item action-delete">
        <a href="#" data-tooltip="Delete" class="delete-button action-button">
          <i class="icon icon-trash"></i>
          <span class="action-button-text sr">Delete</span>
        </a>
      </li>
      <li class="action-item action-drag">
        <span data-tooltip="Drag to reorder" class="drag-handle action"></span>
      </li>
    </ul>
  </div>
</div>
<!-- /subsection-header -->