<p></p>
<p><b>@pablobm</b> commented on this pull request.</p>

<p dir="auto">I'm seeing two things when comparing the production and the PR renders side by side. This is for the normal list of current tags, as opposed to the history view with diffs:</p>
<markdown-accessiblity-table><table role="table">
<thead>
<tr>
<th>Production</th>
<th>PR</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://github.com/user-attachments/assets/c27eab60-e593-4fef-a1fc-c0001e16ece2">element-tags-production.png (view on web)</a></td>
<td><a href="https://github.com/user-attachments/assets/0e092f9f-5167-4b46-8c2b-30f2e87f0b7c">element-tags-pr.png (view on web)</a></td>
</tr>
</tbody>
</table></markdown-accessiblity-table>
<p dir="auto">On production, keys have a grey background and values a white background. On this PR it's an all-white background. (I'm not too bothered by this one, but I don't know what others think and whether they are aware).</p>
<p dir="auto">On production, <code class="notranslate">wikidata</code> tags show the "barcode" icon to trigger an expand for more info. This is missing on the PR version.</p><hr>

<p>In <a href="https://github.com/openstreetmap/openstreetmap-website/pull/6448#discussion_r2490294104">app/assets/stylesheets/common.scss</a>:</p>
<pre style='color:#555'>> @@ -1033,3 +1033,91 @@ img.trace_image {
     }
   }
 }
+
+/* Tag change highlighting for history views */
+.browse-tag-list {
+  .tag-added {
+    background-color: rgba(var(--bs-success-rgb), 0.08) !important;
+    border-left: 4px solid var(--bs-success);
+
+    th, td {
+      background-color: inherit !important;
+    }
+  }
+
+  .tag-modified {
+    background-color: rgba(var(--bs-warning-rgb), 0.08) !important;
</pre>
<p dir="auto">Are all these <code class="notranslate">important!</code> declarations necessary? I just tried removing all of them, and the only change I could notice was taller column rows:</p>
<markdown-accessiblity-table><table role="table">
<thead>
<tr>
<th>Current site</th>
<th>This PR</th>
<th>Removed <code class="notranslate">important!</code></th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://github.com/user-attachments/assets/4b3e94c3-b174-4e5c-b410-5ecdedd0cbaf">change-tags-current.png (view on web)</a></td>
<td><a href="https://github.com/user-attachments/assets/935a98cd-2663-4e92-a34c-0b4277a5d5e6">change-tags-pr.png (view on web)</a></td>
<td><a href="https://github.com/user-attachments/assets/e5c33dfd-695b-48e0-9ebf-20a3f12b7dfb">change-tags-no-important.png (view on web)</a></td>
</tr>
</tbody>
</table></markdown-accessiblity-table>
<p dir="auto">Mentioning because <code class="notranslate">important!</code> is frowned upon in CSS circles.</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/6448#pullrequestreview-3416151361">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLIB36MN72MTUW3AJDD33CNCTAVCNFSM6AAAAACJGVZNZ2VHI2DSMVQWIX3LMV43YUDVNRWFEZLROVSXG5CSMV3GSZLXHMZTIMJWGE2TCMZWGE">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLNYMA3XDUWFNLLFBTL33CNCTA5CNFSM6AAAAACJGVZNZ2WGG33NNVSW45C7OR4XAZNRKB2WY3CSMVYXKZLTORJGK5TJMV32UY3PNVWWK3TUL5UWJTWLTZKUC.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/6448/review/3416151361</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/6448#pullrequestreview-3416151361",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/6448#pullrequestreview-3416151361",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>