hummingbird-me/kitsu-web

<style>
  .global-container {
    max-width: 100%;
  }
</style>

<div class="settings--header feedback">
  <div class="container">
    <div class="row">
      <h2>{{t "feedback.header"}}</h2>
      <ul class="settings--navigation">
        {{#link-to "feedback.bugs" tagName="li" class="list-item" current-when="feedback.bugs feedback.bugs-anything"}}
          <a href={{href-to "feedback.bugs"}}>
            {{t "feedback.bugs"}}
          </a>
        {{/link-to}}
        {{#link-to "feedback.feature-requests" tagName="li" class="list-item" current-when="feedback.feature-requests feedback.feature-requests-anything"}}
          <a href={{href-to "feedback.feature-requests"}}>
            {{t "feedback.features"}}
          </a>
        {{/link-to}}
        <li class="list-item">
          <a href="https://kitsu-stuff.com" target="_blank" rel="noopener">
            {{t "feedback.database"}}
          </a>
        </li>
        {{#link-to "feedback.mobile-bugs" tagName="li" class="list-item" current-when="feedback.mobile-bugs feedback.mobile-bugs-anything"}}
          <a href={{href-to "feedback.mobile-bugs"}}>
            {{t "feedback.mobile-bugs"}}
          </a>
        {{/link-to}}
        {{#link-to "feedback.mobile-features" tagName="li" class="list-item" current-when="feedback.mobile-features feedback.mobile-features-anything"}}
          <a href={{href-to "feedback.mobile-features"}}>
            {{t "feedback.mobile-features"}}
          </a>
        {{/link-to}}
      </ul>
    </div>
  </div>
</div>

<div class="container">
  <div class="row">
    {{outlet}}
  </div>
</div>