diff --git a/devtools/client/themes/compatibility.css b/devtools/client/themes/compatibility.css index 6f3e6a130ef7..485cbecea78e 100644 --- a/devtools/client/themes/compatibility.css +++ b/devtools/client/themes/compatibility.css @@ -119,7 +119,7 @@ grid-area: description; display: flex; column-gap: var(--compatibility-base-unit); - row-gap: calc(var(--compatibility-base-unit) / 2); + row-gap: var(--compatibility-base-unit); flex-wrap: wrap; justify-content: space-between; } @@ -164,8 +164,10 @@ .compatibility-unsupported-browser-list { list-style: none; padding: 0; - column-gap: var(--compatibility-base-unit); + flex: 1 0 auto; display: flex; + column-gap: 6px; + justify-content: end; } .compatibility-browser { diff --git a/devtools/client/themes/tooltips.css b/devtools/client/themes/tooltips.css index 0a3ec11c385e..49b7309d20f0 100644 --- a/devtools/client/themes/tooltips.css +++ b/devtools/client/themes/tooltips.css @@ -145,8 +145,8 @@ strong { width: 100%; list-style: none; padding: 0; - column-gap: var(--compatibility-tooltip-base-unit); display: flex; + justify-content: start; } /* Tooltip: query container info */