<div class="menu container">
  <a class="btn btn-lg btn-menu btn-block text-left--force" ui-sref="menu.advanced.add-macros.choose-room">
    <i class="menu__icon icon-marker-add fa-2x"></i> <span class="menu__text">Automate activities on the Entertainment Menu</span>
  </a>
  <a class="btn btn-lg btn-menu btn-block text-left--force" ui-sref="menu.advanced.edit-macros.choose-room">
    <i class="menu__icon icon-list-circle fa-2x"></i> <span class="menu__text">Edit your automated activities</span>
  </a>
  <a class="btn btn-lg btn-menu btn-block text-left--force" ng-disabled="system.rooms.length >= 8" ui-sref="menu.advanced.add-room.select">
    <i class="menu__icon icon-box-add fa-2x"></i> <span class="menu__text">Add a room to the system</span>
  </a>
  <!-- <a class="btn btn-lg btn-menu btn-block text-left--force" ui-sref="menu.advanced.add-remote.select">
    <i class="menu__icon icon-button-add fa-2x"></i> <span class="menu__text">Add a remote to a room</span>
  </a> -->
  <a class="btn btn-lg btn-menu btn-block text-left--force" ui-sref="menu.advanced.main.choose-room">
    <i class="menu__icon icon-grid-big fa-2x"></i> <span class="menu__text">Edit the Entertainment Menu</span>
  </a>
  <a class="btn btn-lg btn-menu btn-block text-left--force" ui-sref="menu.advanced.device.select">
    <i class="menu__icon icon-grids fa-2x"></i> <span class="menu__text">Edit a device's layout</span>
  </a>
  <a class="btn btn-lg btn-menu btn-block text-left--force" ui-sref="menu.advanced.learn-ir.options" disabled>
    <i class="menu__icon icon-sunshine fa-2x"></i> <span class="menu__text">Learn codes from an IR remote</span>
  </a>
</div>