diff --git a/src/styles/_supported-devices.scss b/src/styles/_supported-devices.scss index 494de8dd9..2e0640faf 100644 --- a/src/styles/_supported-devices.scss +++ b/src/styles/_supported-devices.scss @@ -858,6 +858,7 @@ color: var(--seam-ecosystem-fg-2); font-size: 11px; font-weight: 400; + white-space: nowrap; } .seam-supported-device-capability-requirements tbody th { @@ -895,7 +896,7 @@ } .seam-supported-device-capability-supported-column { - width: 60px; + width: 72px; } .seam-supported-device-capability-requirements @@ -904,7 +905,9 @@ } .seam-supported-device-hardware-facts { - grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; + grid-template-columns: + minmax(min-content, 1fr) minmax(min-content, 1fr) + minmax(0, 1fr); gap: 10px 12px; } @@ -922,6 +925,24 @@ } } + @container (max-width: 240px) { + .seam-supported-device-capability-name-column { + width: 31%; + } + + .seam-supported-device-capability-supported-column { + width: 64px; + } + + .seam-supported-device-capability-requirements thead th { + font-size: 10px; + } + + .seam-supported-device-capability-requirements th:first-child { + padding-right: 8px; + } + } + .seam-supported-device-requirements li { display: flex; align-items: start;