diff --git a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss index a1e15b995..f7c226761 100644 --- a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss +++ b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss @@ -114,6 +114,17 @@ td.table-empty-message { text-decoration: none !important; } +.button-flex-header { + flex-direction: column; + align-items: flex-start; + @include at-media(desktop) { + flex-direction: row; + display: flex; + align-items: center; + justify-content: space-between; + } +} + .user-list-edit-link:active:before, .user-list-edit-link:focus:before { box-shadow: none; @@ -125,7 +136,10 @@ td.table-empty-message { flex-wrap: wrap; gap: units(2); .user-list-item { - flex: 1 1 calc(50% - units(2)); + @include at-media(desktop) { + flex: 1 1 calc(50% - units(2)); + } + flex: 1 1 calc(100% - units(2)); border: 1px solid color('gray-cool-10'); padding: units(2); .tick-cross-list-permissions { diff --git a/app/templates/views/manage-users.html b/app/templates/views/manage-users.html index 432f2a9b8..1e5641f2a 100644 --- a/app/templates/views/manage-users.html +++ b/app/templates/views/manage-users.html @@ -9,10 +9,10 @@ {% block maincolumn_content %} -