Wrap experiment labels

hashseed · Devtools-frontend LUCI CQ · commit 7376a68e3c60 · 2024-12-12T05:09:26.000-08:00
Fixed: 383472408 Change-Id: I87233654bb47687cd2341907462bd3162124215b Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6091351 Reviewed-by: Kim-Anh Tran <kimanh@chromium.org> Commit-Queue: Yang Guo <yangguo@chromium.org>
diff --git a/front_end/panels/settings/settingsScreen.css b/front_end/panels/settings/settingsScreen.css
@@ -145,7 +145,8 @@ devtools-button.link-icon {
 }
 
 .experiment-label {
-  margin-right: 2px;
+  margin: var(--sys-size-3) var(--sys-size-2) var(--sys-size-3) 0;
+  white-space: normal;
 }
 
 .settings-experiment-unstable {

Original file line number	Diff line number	Diff line change
`@@ -145,7 +145,8 @@ devtools-button.link-icon {`
`145`	`145`	`}`
`146`	`146`
`147`	`147`	`.experiment-label {`
`148`		`- margin-right: 2px;`
	`148`	`+ margin: var(--sys-size-3) var(--sys-size-2) var(--sys-size-3) 0;`
	`149`	`+ white-space: normal;`
`149`	`150`	`}`
`150`	`151`
`151`	`152`	`.settings-experiment-unstable {`