<ul>

    <li class="settings-list-item group">
      <div class="item-details">
        <span class="contact-name">Hadyn Cotton</span>
        <span class="contact-email">hcotton@webstaurantstore.com</span>

        <a href="#" class="item-edit"><i class="icon icon-cog"></i></a>
      </div>
    </li>

    <li class="settings-list-item group">
      <div class="item-details">
        <span class="contact-name">Oswaldo Mobray</span>
        <span class="contact-email">omobray@webstaurantstore.com</span>

        <a href="#" class="item-edit"><i class="icon icon-cog"></i></a>
      </div>
    </li>

    <li class="settings-list-item edit-open group">
      <div class="item-details">
        <span class="contact-name">Hadyn Cotton</span>
        <span class="contact-email">hcotton@webstaurantstore.com</span>

        <a href="#" class="item-edit"><i class="icon icon-cog"></i></a>
      </div>

      <div class="item-settings">
        <label>Edit Contact</label>
        <input type="text" name="" placeholder="Hadyn Cotton" value="Hadyn Cotton" class="input-basic">
        <input type="text" name="" placeholder="hcotton@webstaurantstore.com" value="hcotton@webstaurantstore.com" class="input-basic">
        <button class="btn btn-green">Save</button>
        <button class="btn btn-clear">Cancel</button>
      </div>

    </li>
</ul>