diff --git a/changes/issue-7032-macos-cards-stack b/changes/issue-7032-macos-cards-stack new file mode 100644 index 0000000000..518d961a65 --- /dev/null +++ b/changes/issue-7032-macos-cards-stack @@ -0,0 +1 @@ +* macOS dashboard cards stack at smaller screenwidths \ No newline at end of file diff --git a/frontend/pages/Homepage/_styles.scss b/frontend/pages/Homepage/_styles.scss index 80d6b57d60..f51d26770c 100644 --- a/frontend/pages/Homepage/_styles.scss +++ b/frontend/pages/Homepage/_styles.scss @@ -65,14 +65,15 @@ display: grid; row-gap: $pad-medium; - // if we have an odd number of elements, take - // the last one and stretch it across the grid - .homepage-info-card:nth-child(odd):last-child { - grid-column-start: span 2; - } @media screen and (min-width: 990px) { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: $pad-medium; + + // if we have an odd number of elements, take + // the last one and stretch it across the grid + .homepage-info-card:nth-child(odd):last-child { + grid-column-start: span 2; + } } } diff --git a/frontend/pages/Homepage/cards/MDM/_styles.scss b/frontend/pages/Homepage/cards/MDM/_styles.scss index 8576bc4d8f..90bedbb977 100644 --- a/frontend/pages/Homepage/cards/MDM/_styles.scss +++ b/frontend/pages/Homepage/cards/MDM/_styles.scss @@ -2,9 +2,6 @@ margin-top: $pad-large; position: relative; - .table-container { - min-height: 435px; - } .data-table__wrapper { overflow-x: auto; } diff --git a/frontend/pages/Homepage/cards/Munki/_styles.scss b/frontend/pages/Homepage/cards/Munki/_styles.scss index a182c97b84..93a2a66be3 100644 --- a/frontend/pages/Homepage/cards/Munki/_styles.scss +++ b/frontend/pages/Homepage/cards/Munki/_styles.scss @@ -2,9 +2,6 @@ margin-top: $pad-large; position: relative; - .table-container { - min-height: 435px; - } .data-table__wrapper { overflow-x: auto; } diff --git a/frontend/pages/Homepage/cards/OperatingSystems/_styles.scss b/frontend/pages/Homepage/cards/OperatingSystems/_styles.scss index 55a3f3b5ff..ea2e732565 100644 --- a/frontend/pages/Homepage/cards/OperatingSystems/_styles.scss +++ b/frontend/pages/Homepage/cards/OperatingSystems/_styles.scss @@ -2,9 +2,6 @@ margin-top: $pad-large; position: relative; - .table-container { - min-height: 435px; - } .data-table__wrapper { overflow-x: auto; } diff --git a/frontend/pages/Homepage/cards/Software/_styles.scss b/frontend/pages/Homepage/cards/Software/_styles.scss index ed54a3ad2d..0be13d6d94 100644 --- a/frontend/pages/Homepage/cards/Software/_styles.scss +++ b/frontend/pages/Homepage/cards/Software/_styles.scss @@ -10,9 +10,6 @@ vertical-align: middle; } } - .table-container { - min-height: 435px; - } .data-table__wrapper { overflow-x: auto; }