updated css

This commit is contained in:
Beverly Nguyen
2024-07-25 00:30:31 -07:00
parent 4e558ca0e7
commit 68d58116c4
2 changed files with 16 additions and 8 deletions

View File

@@ -439,13 +439,21 @@ td.table-empty-message {
} }
td.report { td.report {
width: 5%; width: 5%;
text-align: center;
} }
td.report img {
padding-top: 5px;
}
th { th {
padding: 0.5rem 1rem padding: 0.5rem 1rem
} }
td { }
padding: 0.5rem 1rem
} @media (max-width: 768px) {
.usa-table-container--scrollable-mobile {
margin: 0;
overflow-y:hidden;
}
} }
#template-list { #template-list {

View File

@@ -68,8 +68,8 @@
{% endif %} {% endif %}
<h2 class="font-body-2xl line-height-sans-2 margin-0">All activity</h2> <h2 class="font-body-2xl line-height-sans-2 margin-0">All activity</h2>
<h2 class="margin-top-4 margin-bottom-1">Sent jobs</h2> <h2 class="margin-top-4 margin-bottom-1">Sent jobs</h2>
<div class="table-wrapper" tabindex="0"> <div class="usa-table-container--scrollable-mobile">
<table class="usa-table usa-table--border job-table" id="jobIdHeader"> <table class="usa-table usa-table--compact job-table">
<caption></caption> <caption></caption>
<thead class="table-field-headings"> <thead class="table-field-headings">
<tr> <tr>
@@ -105,9 +105,9 @@
if job.processing_started else job.created_at)|format_datetime_table }} if job.processing_started else job.created_at)|format_datetime_table }}
</td> </td>
<td class="table-field sender">{{ job.created_by.name }}</td> <td class="table-field sender">{{ job.created_by.name }}</td>
<td class="table-field report table-field-center-aligned"> <td class="table-field report">
{% if job.time_left != "Data no longer available" %} {% if job.time_left != "Data no longer available" %}
<a class="usa-link file-list-filename" href="{{ job.download_link }}"><img src="{{ url_for('static', filename='img/material-icons/file_download.svg') }}" alt="File Download Icon"></a> <a href="{{ job.download_link }}"><img src="{{ url_for('static', filename='img/material-icons/file_download.svg') }}" alt="File Download Icon"></a>
{% elif job %} {% elif job %}
<span>N/A</span> <span>N/A</span>
{% endif %} {% endif %}
@@ -119,7 +119,7 @@
</tbody> </tbody>
</table> </table>
<div class="usa-sr-only usa-table__announcement-region" aria-live="polite"></div> <div class="usa-sr-only usa-table__announcement-region" aria-live="polite"></div>
<p><b>Note:</b>Report data is only available for 7 days after your message has been sent</p> <p><b>Note: </b>Report data is only available for 7 days after your message has been sent</p>
</div> </div>
{{show_pagination}} {{show_pagination}}
</div> </div>