darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-08 02:38:25 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1101 from GSA/1089-change-team-member-card-width

Browse Source 
1089 change team member card width
This commit is contained in:
Carlo Costino
2024-01-18 10:30:00 -05:00
committed by GitHub
parent b463d420ef 82863b02ce
commit 6fe29a2bdd
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/sass/uswds/_uswds-theme-custom-styles.scss
View File

@@ -124,6 +124,7 @@ td.table-empty-message {
.button-flex-header { .button-flex-header {
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
margin-bottom: units(2);
@include at-media(desktop) { @include at-media(desktop) {
flex-direction: row; flex-direction: row;
display: flex; display: flex;
@@ -141,10 +142,11 @@ td.table-empty-message {
.user-list { .user-list {
display: inline-flex; display: inline-flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: units(2); gap: units(4);
.user-list-item { .user-list-item {
@include at-media(desktop) { @include at-media(desktop) {
flex: 1 1 calc(50% - units(2)); flex: 1 1 calc(50% - units(2));
flex-grow: 0;
} }
flex: 1 1 calc(100% - units(2)); flex: 1 1 calc(100% - units(2));
border: 1px solid color('gray-cool-10'); border: 1px solid color('gray-cool-10');