Icon alignments

This commit is contained in:
CocoByte 2025-02-03 13:55:00 -07:00
parent dca2f635a2
commit 72da75773e
No known key found for this signature in database
GPG key ID: BBFAA2526384C97F
3 changed files with 4 additions and 4 deletions

View file

@ -119,7 +119,7 @@ export class DomainRequestsTable extends BaseTable {
<td class="width--action-column">
<div class="tablet:display-flex tablet:flex-row flex-wrap">
<a href="${actionUrl}" ${customTableOptions.hasAdditionalActions ? "class='margin-right-2'" : ''}>
<svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24">
<svg class="usa-icon top-1px" aria-hidden="true" focusable="false" role="img" width="24">
<use xlink:href="/public/img/sprite.svg#${request.svg_icon}"></use>
</svg>
${actionLabel} <span class="usa-sr-only">${request.requested_domain ? request.requested_domain : 'New domain request'}</span>

View file

@ -58,7 +58,7 @@ export class DomainsTable extends BaseTable {
${markupForSuborganizationRow}
<td class="${ this.portfolioValue ? '' : "width--action-column"}">
<a href="${actionUrl}">
<svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24">
<svg class="usa-icon top-1px" aria-hidden="true" focusable="false" role="img" width="24">
<use xlink:href="/public/img/sprite.svg#${domain.svg_icon}"></use>
</svg>
${domain.action_label} <span class="usa-sr-only">${domain.name}</span>

View file

@ -110,9 +110,9 @@ export class MembersTable extends BaseTable {
${last_active.display_value}
</td>
<td headers="header-action row-header-${unique_id}" class="width--action-column">
<div class="tablet:display-flex tablet:flex-row">
<div class="tablet:display-flex tablet:flex-row flex-align-center">
<a href="${member.action_url}">
<svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24">
<svg class="usa-icon top-1px" aria-hidden="true" focusable="false" role="img" width="24">
<use xlink:href="/public/img/sprite.svg#${member.svg_icon}"></use>
</svg>
${member.action_label} <span class="usa-sr-only">${member.name}</span>