@import '../common';

.oo-ui-radioOptionWidget {
	display: table;
	width: 100%;

	.oo-ui-radioInputWidget,
	&.oo-ui-labelElement > .oo-ui-labelElement-label {
		display: table-cell;
		vertical-align: top;
	}

	.oo-ui-radioInputWidget {
		// Since this is a "table cell", this doesn't actually mean 1px, but as narrow as possible
		width: 1px;
	}

	&.oo-ui-labelElement > .oo-ui-labelElement-label {
		white-space: normal;
	}

	.theme-oo-ui-radioOptionWidget();
}

@import '../common';

.oo-ui-radioOptionWidget {
	display: table;

	.oo-ui-radioInputWidget,
	&.oo-ui-labelElement > .oo-ui-labelElement-label {
		display: table-cell;
		vertical-align: top;
	}

	.oo-ui-radioInputWidget {
		// Since this is a "table cell", this doesn't actually mean 1px, but as narrow as possible
		width: 1px;
	}

	&.oo-ui-labelElement > .oo-ui-labelElement-label {
		white-space: normal;
	}

	.theme-oo-ui-radioOptionWidget();
}

Remove full-width radio buttons to bring consistency with checkboxes
Remove full-width radio buttons to bring consistency with checkboxes

Radio buttons, by default, are 100% width. Checkboxes, by default, are width
auto. The descrepency means that radio options can be selected by clicking on
the blank space on the page. This is unexpected behavior for the user.

Bug: T208547
Change-Id: Ib8661efd035ecaab0b2c4c0b672c8dd06c9abb99
