fixed export button alignment

This commit is contained in:
CocoByte 2024-09-13 14:37:35 -06:00
parent 504fdedf0c
commit be5dd260b2
No known key found for this signature in database
GPG key ID: BBFAA2526384C97F
2 changed files with 5 additions and 1 deletions

View file

@ -211,6 +211,10 @@ a.usa-button--unstyled:visited {
align-items: center; align-items: center;
} }
.usa-button--justify-right {
justify-content: right;
}
.dotgov-table a, .dotgov-table a,
.usa-link--icon { .usa-link--icon {

View file

@ -45,7 +45,7 @@
{% if user_domain_count and user_domain_count > 0 %} {% if user_domain_count and user_domain_count > 0 %}
<div class="section-outlined__utility-button mobile-lg:padding-right-105 {% if portfolio %} mobile:grid-col-12 desktop:grid-col-6 desktop:padding-left-3{% endif %}"> <div class="section-outlined__utility-button mobile-lg:padding-right-105 {% if portfolio %} mobile:grid-col-12 desktop:grid-col-6 desktop:padding-left-3{% endif %}">
<section aria-label="Domains report component" class="margin-top-205"> <section aria-label="Domains report component" class="margin-top-205">
<a href="{% url 'export_data_type_user' %}" class="usa-button usa-button--unstyled usa-button--with-icon" role="button"> <a href="{% url 'export_data_type_user' %}" class="usa-button usa-button--unstyled usa-button--with-icon usa-button--justify-right" role="button">
<svg class="usa-icon usa-icon--big" aria-hidden="true" focusable="false" role="img" width="24" height="24"> <svg class="usa-icon usa-icon--big" aria-hidden="true" focusable="false" role="img" width="24" height="24">
<use xlink:href="{%static 'img/sprite.svg'%}#file_download"></use> <use xlink:href="{%static 'img/sprite.svg'%}#file_download"></use>
</svg>Export as CSV </svg>Export as CSV