<p>This ensures that the text and the close icon don't overlap, regardless of the length of the title. The title div grows to use all available space, while ensuring the text breaks if necessary to prevent it from pushing the close icon offscreen.</p>
<ul>
<li><span class="issue-keyword tooltipped tooltipped-se" aria-label="This pull request closes issue #2530.">Fixes</span> <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="562848138" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/2530" data-hovercard-type="issue" data-hovercard-url="/openstreetmap/openstreetmap-website/issues/2530/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/issues/2530">#2530</a> <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="709131793" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/2850" data-hovercard-type="issue" data-hovercard-url="/openstreetmap/openstreetmap-website/issues/2850/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/issues/2850">#2850</a></li>
<li>Alternative to <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="565308089" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/2537" data-hovercard-type="pull_request" data-hovercard-url="/openstreetmap/openstreetmap-website/pull/2537/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/pull/2537">#2537</a> <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="713110836" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/2872" data-hovercard-type="pull_request" data-hovercard-url="/openstreetmap/openstreetmap-website/pull/2872/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/pull/2872">#2872</a></li>
</ul>

<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/2901'>https://github.com/openstreetmap/openstreetmap-website/pull/2901</a></p>

<h4>Commit Summary</h4>
<ul>
  <li>Use flexbox to position the close icon on the sidebars</li>
</ul>

<h4>File Changes</h4>
<ul>
  <li>
    <strong>A</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/2901/files#diff-a822b3bdb367bb476aeea5e822498b298c7f314c747785581ea64963a9fd3363">app/views/application/_sidebar_header.html.erb</a>
    (10)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/2901/files#diff-fba7159a4abd78f8b24f765a0c58ebe47a24be99e185c373175f20f612a5d781">app/views/browse/changeset.html.erb</a>
    (5)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/2901/files#diff-e0614dcafd7c43940475007116991bfcad4440c4f8cc9de90db272646dd52797">app/views/browse/feature.html.erb</a>
    (5)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/2901/files#diff-ebac5cdc558de785d51eae909fcca512d1ae43fd40fad2392870b95135f81311">app/views/browse/history.html.erb</a>
    (5)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/2901/files#diff-d05f770c89f6fd47fa3b37ac3aa9edcb9da5ebb26165fb27b7df92ac85a11aee">app/views/browse/new_note.html.erb</a>
    (5)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/2901/files#diff-30fd58d04c444a91e9fa16ab221a8eee79a10c9b06edf73381dbe9a7f5a3c36b">app/views/browse/not_found.html.erb</a>
    (11)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/2901/files#diff-c90a6599296c0b71654cb5f0bb5c8166da6fc66966056e39ff0e4f967233a8ea">app/views/browse/note.html.erb</a>
    (5)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/2901/files#diff-544760767b64a6fa8650df71571dbe396837e04ab8126e7504300796ab5d936a">app/views/browse/query.html.erb</a>
    (5)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/2901/files#diff-9e73c6596795ae8c9161e165eb0304f7c21bbda1fca7f21ac9da9a13026a284e">app/views/browse/timeout.html.erb</a>
    (7)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/2901/files#diff-220c900ef90194b54a7ec0fed1160263e31f93bcf1ae1da2687a936e4cb15af5">app/views/changesets/history.html.erb</a>
    (5)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/2901/files#diff-0fda7af799e96a856b82f014f6734dda379619f2aa888f3c2ece221854ad5d4c">app/views/geocoder/search.html.erb</a>
    (6)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/2901/files#diff-eaeaf6b733bc454c8c41be224e85cdca90bc6e0e5bc1f02f9f86315cfc6fafab">app/views/layouts/map.html.erb</a>
    (3)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/2901/files#diff-db1600b3df800c073c8d2ff04b1f5042902abcb20b0a55729ddeca8d23012ea5">app/views/site/export.html.erb</a>
    (5)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/2901/files#diff-44438ce218f5287c58d0017f965d888715635d94280669896f75841fbd7b4cd7">config/locales/en.yml</a>
    (14)
  </li>
</ul>

<h4>Patch Links:</h4>
<ul>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/2901.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/2901.patch</a></li>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/2901.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/2901.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/2901">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLO6L2C5YLHKASTNXC3SL34NZANCNFSM4SZ57GHA">unsubscribe</a>.<img src="https://github.com/notifications/beacon/AAK2OLLY46WSQ23G7UO4DOLSL34NZA5CNFSM4SZ57GHKYY3PNVWWK3TUL52HS4DFUVEXG43VMWVGG33NNVSW45C7NFSM4K2O7OSA.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/2901",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/2901",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>