<p>This makes it easier to navigate around these pages. Since each tab corresponds to a given controller, this makes the selection of active tabs straightforward.</p>
<p><a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/360803/129909042-73191577-cf76-4997-b74d-05fab541fd17.png"><img src="https://user-images.githubusercontent.com/360803/129909042-73191577-cf76-4997-b74d-05fab541fd17.png" alt="Screenshot from 2021-08-18 14-40-19" style="max-width:100%;"></a></p>
<p>The tabs, like on the traces pages, also switch to a vertical list on small screen widths.</p>
<p><a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/360803/129909039-b2c800dd-b0ae-473d-a0ce-9948cd3d6da7.png"><img src="https://user-images.githubusercontent.com/360803/129909039-b2c800dd-b0ae-473d-a0ce-9948cd3d6da7.png" alt="Screenshot from 2021-08-18 14-41-04" style="max-width:100%;"></a></p>

<hr>

<h4>You can view, comment on, or merge this pull request online at:</h4>
<p>  <a href='https://github.com/openstreetmap/openstreetmap-website/pull/3298'>https://github.com/openstreetmap/openstreetmap-website/pull/3298</a></p>

<h4>Commit Summary</h4>
<ul>
  <li>Convert account setting menu to tabs, and include on other pages</li>
</ul>

<h4>File Changes</h4>
<ul>
  <li>
    <strong>A</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3298/files#diff-90d570948841d78bc3498101a4090ca4b95c73dad7762210d46cff8e1343a262">app/views/application/_settings_menu.html.erb</a>
    (18)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3298/files#diff-4c695db3dfeb05c96fb2882fecf0c9ac4f425e0941a01e81f0d12f49fe6762b5">app/views/oauth2_applications/edit.html.erb</a>
    (2)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3298/files#diff-3bac75790b63037a261afea384a9b3d73052dd8b6bbc8dc4dc1c202f92897e61">app/views/oauth2_applications/index.html.erb</a>
    (2)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3298/files#diff-2cd547ef589ec31d55d4c5844cc0b98da10b41fbae6d1ea217229017c3c29fcd">app/views/oauth2_applications/new.html.erb</a>
    (2)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3298/files#diff-1a6d59ae9c0f1823a5a860c2b6563143beae3725d337a96e19c885c34ca284b2">app/views/oauth2_applications/show.html.erb</a>
    (2)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3298/files#diff-f259f298435b93fbaefd8d55ccc8a855e9580edb496fe873bb2ce69b8729c98c">app/views/oauth2_authorized_applications/index.html.erb</a>
    (2)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3298/files#diff-a0a7419fc0df83b395310003eed9c8253cf4b78ea75d32e908c96a661159357c">app/views/oauth_clients/edit.html.erb</a>
    (2)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3298/files#diff-092ad2f67379cb50166c192945796d738f36641c07a73bec0b1b2640221849a4">app/views/oauth_clients/index.html.erb</a>
    (2)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3298/files#diff-0013c7688112c16c79b4382452995c1666f6b9cdf1b60b952a94ac60da81a2c2">app/views/oauth_clients/new.html.erb</a>
    (2)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3298/files#diff-87d051f6ea1fffd530bf249150840ddbd9d7e3e96ffc89914caada00889ec9e8">app/views/oauth_clients/show.html.erb</a>
    (2)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3298/files#diff-3f056c5b33f8be8ff39055a0bb2bcd67e09728200c0cd0543bd9f40d9b82761b">app/views/users/account.html.erb</a>
    (8)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3298/files#diff-44438ce218f5287c58d0017f965d888715635d94280669896f75841fbd7b4cd7">config/locales/en.yml</a>
    (9)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3298/files#diff-b06fdb1b027508cfa9d420409eeb1db54c3e81d51e16c5a6b55a53cb05efe047">test/integration/client_applications_test.rb</a>
    (2)
  </li>
</ul>

<h4>Patch Links:</h4>
<ul>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/3298.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/3298.patch</a></li>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/3298.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/3298.diff</a></li>
</ul>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />You are receiving this because you are subscribed to this thread.<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3298">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLKO2LTJKENYUYDSTGDT5O2OTANCNFSM5CMCV7MQ">unsubscribe</a>.<br />Triage notifications on the go with GitHub Mobile for <a href="https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675">iOS</a> or <a href="https://play.google.com/store/apps/details?id=com.github.android&utm_campaign=notification-email">Android</a>.<img src="https://github.com/notifications/beacon/AAK2OLJHUCU6XDEUVE7TI23T5O2OTA5CNFSM5CMCV7M2YY3PNVWWK3TUL52HS4DFUVEXG43VMWVGG33NNVSW45C7NFSM4OQJH66Q.gif" height="1" width="1" alt="" /></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/3298",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/3298",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>