zydronium/manage.get.gov
1
0
Fork 0
mirror of https://github.com/cisagov/manage.get.gov.git synced 2025-08-13 13:09:41 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix margins and padding

Browse source
This commit is contained in:
Rachid Mrad 2024-12-09 12:55:36 -05:00
parent 7fc9815cee
commit e4085932d7
No known key found for this signature in database
3 changed files with 9 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/registrar/assets/src/js/getgov/table-edit-member-domains.js
View file

@ -100,7 +100,7 @@ export class EditMemberDomainsTable extends BaseTable {
} }
row.innerHTML = ` row.innerHTML = `
<td data-label="Selection" data-sort-value="0"> <td data-label="Selection" data-sort-value="0" class="padding-right-105">
<div class="usa-checkbox"> <div class="usa-checkbox">
<input <input
class="usa-checkbox__input" class="usa-checkbox__input"
@ -111,7 +111,7 @@ export class EditMemberDomainsTable extends BaseTable {
${checked ? 'checked' : ''} ${checked ? 'checked' : ''}
${disabled ? 'disabled' : ''} ${disabled ? 'disabled' : ''}
/> />
<label class="usa-checkbox__label" for="${domain.id}"> <label class="usa-checkbox__label margin-top-0" for="${domain.id}">
<span class="sr-only">${domain.id}</span> <span class="sr-only">${domain.id}</span>
</label> </label>
</div> </div>

8
src/registrar/assets/src/sass/_theme/_tables.scss
View file

@ -73,11 +73,15 @@ th {
} }
} }
td, th, td, th {
.usa-tabel th{
padding: units(2) units(4) units(2) 0; padding: units(2) units(4) units(2) 0;
} }
// Hack fix to the overly specific selector above that broke utility class usefulness
.padding-right-105 {
padding-right: .75rem;
}
thead tr:first-child th:first-child { thead tr:first-child th:first-child {
border-top: none; border-top: none;
} }

2
src/registrar/templates/includes/member_domains_edit_table.html
View file

@ -85,7 +85,7 @@
<caption class="sr-only">member domains</caption> <caption class="sr-only">member domains</caption>
<thead> <thead>
<tr> <tr>
<th data-sortable="checked" scope="col" role="columnheader"><span class="sr-only">Assigned domains</span></th> <th data-sortable="checked" scope="col" role="columnheader" class="padding-right-105"><span class="sr-only">Assigned domains</span></th>
<!-- We override default sort to be name/ascending in the JSON endpoint. We add the correct aria-sort attribute here to reflect that in the UI --> <!-- We override default sort to be name/ascending in the JSON endpoint. We add the correct aria-sort attribute here to reflect that in the UI -->
<th data-sortable="name" scope="col" role="columnheader" aria-sort="descending">Domains</th> <th data-sortable="name" scope="col" role="columnheader" aria-sort="descending">Domains</th>
</tr> </tr>