Merge pull request #1498 from kianamcc/SWC-7221

SWC-7221: SRC UserCards don't stretch for 2-column grid layout on some devices
Sage-Bionetworks · Jan 14, 2025 · aecff54 · aecff54
2 parents 27ab198 + b429516
commit aecff54
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/synapse-react-client/src/style/base/_core.scss b/packages/synapse-react-client/src/style/base/_core.scss
@@ -346,7 +346,7 @@ a.SRC-whiteText {
   width: 100%;
   width: -webkit-fill-available; // for chrome
   width: -moz-available; // for firefox
-  padding-left: 25px;
+  padding: 0 25px;
   min-width: 350px;
 }
 
@@ -377,7 +377,7 @@ a.SRC-whiteText {
 .SRC-card-grid-row {
   display: flex;
   flex-flow: row wrap;
-  justify-content: space-between;
+  column-gap: 18px;
 }
 
 .SRC-split {
@@ -389,7 +389,7 @@ a.SRC-whiteText {
 
 .SRC-grid-item {
   height: 120px;
-  flex-grow: 0;
+  flex-grow: 1;
   flex-shrink: 1;
   margin: 10px 10px;
   width: 350px;