va-checkbox and va-radio-option: Increasing the max-width to 68ex (#1342)

Andrew565 · web-flow · commit 8321dc16e9b7 · 2024-09-24T12:24:49.000-04:00
* va-checkbox and va-radio-option: Increasing the max-width to 68ex

* Adjusting max-width to 480px

* Improved max-width
diff --git a/packages/web-components/src/components/va-checkbox/va-checkbox.scss b/packages/web-components/src/components/va-checkbox/va-checkbox.scss
@@ -12,10 +12,10 @@
 
 :host {
   display: block;
+  max-width: 480px;
 }
 
 .usa-checkbox {
-  max-width: 320px;
   background: transparent;
 }
 
diff --git a/packages/web-components/src/components/va-radio-option/va-radio-option.scss b/packages/web-components/src/components/va-radio-option/va-radio-option.scss
@@ -4,7 +4,7 @@
 @use 'usa-radio/src/styles/usa-radio';
 
 va-radio-option label {
-  max-width: 320px;
+  max-width: 480px;
   box-sizing: border-box;
 }
 
diff --git a/packages/web-components/src/components/va-radio/va-radio.scss b/packages/web-components/src/components/va-radio/va-radio.scss
@@ -18,4 +18,5 @@
   border: none;
   padding: 0;
   margin-top: 24px;
+  max-width: 480px;
 }

Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@`
`4`	`4`	`@use 'usa-radio/src/styles/usa-radio';`
`5`	`5`
`6`	`6`	`va-radio-option label {`
`7`		`- max-width: 320px;`
	`7`	`+ max-width: 480px;`
`8`	`8`	`box-sizing: border-box;`
`9`	`9`	`}`
`10`	`10`