diff --git a/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss b/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss index 1f8f4bd4d..8514b2ab8 100644 --- a/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss +++ b/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss @@ -223,27 +223,41 @@ section.dashboard { margin-bottom: 0; } - .usa-table { - width: 100%; + @include at-media(mobile-lg) { + margin-top: units(5); - a { - display: flex; - align-items: flex-start; + h2 { + margin-bottom: units(3); + } + } +} + + +.dotgov-table { + width: 100%; + + a { + display: flex; + align-items: flex-start; + color: color('primary'); + + &:visited { color: color('primary'); + } - &:visited { - color: color('primary'); - } - .usa-icon { - // align icon with x height - margin-top: units(0.5); - margin-right: units(0.5); - } + .usa-icon { + // align icon with x height + margin-top: units(0.5); + margin-right: units(0.5); } } - // Table on small mobile - .usa-table--stacked { + th[data-sortable]:not([aria-sort]) .usa-table__header__button { + right: auto; + } +} + +.dotgov-table--stacked { td, th { padding: units(1) units(2) units(2px) 0; border: none; @@ -268,46 +282,45 @@ section.dashboard { color: color('primary-darker'); padding-bottom: units(2px); } - } +} - @include at-media(mobile-lg) { - margin-top: units(5); +@include at-media(mobile-lg) { - h2 { - margin-bottom: units(3); - } - - .usa-table tr { + .dotgov-table { + tr { border: none; } - .usa-table { + td, th { + border-bottom: 1px solid color('base-light'); + } + + thead th { + color: color('primary-darker'); + border-bottom: 2px solid color('base-light'); + } + + tbody tr:last-of-type { td, th { - border-bottom: 1px solid color('base-light'); + border-bottom: 0; } + } + + tbody th { + word-break: break-word; + } - thead th { - color: color('primary-darker'); - border-bottom: 2px solid color('base-light'); - } + td, th, + .usa-tabel th{ + padding: units(2) units(2) units(2) 0; + } - tbody tr:last-of-type { - td, th { - border-bottom: 0; - } - } + th:first-of-type { + padding-left: 0; + } - td, th { - padding: units(2); - } - - th:first-of-type { - padding-left: 0; - } - - thead tr:first-child th:first-child { - border-top: none; - } + thead tr:first-child th:first-child { + border-top: none; } } } diff --git a/src/registrar/templates/domain_users.html b/src/registrar/templates/domain_users.html index 6f2f83ff8..541b31b84 100644 --- a/src/registrar/templates/domain_users.html +++ b/src/registrar/templates/domain_users.html @@ -6,7 +6,7 @@

User management

{% if domain.permissions %} - +
diff --git a/src/registrar/templates/home.html b/src/registrar/templates/home.html index f15f1d1a8..fecef0c57 100644 --- a/src/registrar/templates/home.html +++ b/src/registrar/templates/home.html @@ -17,7 +17,7 @@

Registered domains

{% if domains %} -
Domain users
+
@@ -56,7 +56,7 @@

Active domain requests

{% if domain_applications %} -
Your domain applications
+
Your domain applications