# convertkit/2.3.4/resources/backend/css/select2.css

Kit (formerly ConvertKit) – Email Newsletter, Email Marketing, Membership, Subscribers and Landing Pages, version 2.3.4. 49 lines.

- Page: https://pluginprobe.com/plugins/convertkit/2.3.4/code/resources/backend/css/select2.css
- Raw: https://pluginprobe.com/plugins/convertkit/2.3.4/raw/resources/backend/css/select2.css
- Modified: 2022-12-08T13:24:32+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/convertkit/2.3.4/code/resources/backend/css/select2.css#L10-L20`.

```css
/**
 * Additional Select2 styling to override WordPress styling defaults that
 * affect the layout of a Select2 dropdown.
 */
.convertkit-select2-container .select2-container .select2-selection--single {
	height: 32px;
}
.convertkit-select2-container .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 32px;
}
.convertkit-select2-container .select2-search--dropdown .select2-search__field {
	line-height: 1;
	min-height: 24px;
}
.convertkit-select2-container li.select2-results__option {
	margin: 0;
}

/* Set size of refresh button */
.convertkit-select2-container button.wp-convertkit-refresh-resources {
	width: 36px;
	height: 32px;
}

/* Align select and refresh button onto a single row */
.convertkit-select2-container-grid {
	display: grid;
	grid-template-columns: auto 36px;
	column-gap: 10px;
	align-items: end;
}

/**
 * Force width of Select2 dropdowns, as using JS options dropdownAutoWidth=true and width='auto'
 * result in incorrect layout on some older browsers and our tests fail.
 */
.convertkit-select2-container select + .select2-container {
	width: 50% !important;
	min-width: 350px !important;
}
.convertkit-select2-container-grid select + .select2-container {
	width: 100% !important;
}
@media screen and (max-width: 782px) {
	.convertkit-select2-container select + .select2-container {
		width: 100% !important;
	}
}

```