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"> <td class="width--action-column">
<div class="tablet:display-flex tablet:flex-row flex-wrap"> <div class="tablet:display-flex tablet:flex-row flex-wrap">
<a href="${actionUrl}" ${customTableOptions.hasAdditionalActions ? "class='margin-right-2'" : ''}> <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> <use xlink:href="/public/img/sprite.svg#${request.svg_icon}"></use>
</svg> </svg>
${actionLabel} <span class="usa-sr-only">${request.requested_domain ? request.requested_domain : 'New domain request'}</span> ${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} ${markupForSuborganizationRow}
<td class="${ this.portfolioValue ? '' : "width--action-column"}"> <td class="${ this.portfolioValue ? '' : "width--action-column"}">
<a href="${actionUrl}"> <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> <use xlink:href="/public/img/sprite.svg#${domain.svg_icon}"></use>
</svg> </svg>
${domain.action_label} <span class="usa-sr-only">${domain.name}</span> ${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} ${last_active.display_value}
</td> </td>
<td headers="header-action row-header-${unique_id}" class="width--action-column"> <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}"> <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> <use xlink:href="/public/img/sprite.svg#${member.svg_icon}"></use>
</svg> </svg>
${member.action_label} <span class="usa-sr-only">${member.name}</span> ${member.action_label} <span class="usa-sr-only">${member.name}</span>