[EuiCard] layout breaks when horizontal and selectable

[chandlerprall]

Found in elastic/kibana#141279 (comment) and easily reproducible in the Card > Selectable example by adding layout="horizontal" to any card.

I do not have enough flexbox intuition to propose a solution. This is the previous scss:

eui/src/components/card/_card.scss

Lines 223 to 238 in 1505e2f

	&.euiCard--hasIcon {
	flex-direction: row;
	// sass-lint:disable-block no-important
	align-items: flex-start !important; /* 3 */
	.euiCard__top,
	.euiCard__content {
	width: auto; // Makes sure the top shrinks and the content grows
	margin-top: 0;
	}
	.euiCard__top .euiCard__icon {
	margin-top: 0;
	margin-right: $euiSize;
	}
	}

Was

Now