woocommerce/plugins/woocommerce-admin/client/layout/activity-panel/activity-card/style.scss

/** @format */

.woocommerce-activity-card {
	background: $white;
	margin-bottom: $spacing * 2;
}

.woocommerce-activity-card__header {
	display: flex;
	align-items: center;
	margin-bottom: $spacing * 0.5;
	padding: $spacing $spacing 0;

	.woocommerce-activity-card__icon {
		margin-right: $spacing;

		.dashicon {
			fill: $gray-text;
		}
	}

	.woocommerce-activity-card__label {
		flex: 1;
		margin: 0;
		@include font-size( 14 );
		color: $gray-text;
		font-weight: normal;
	}

	.woocommerce-activity-card__date {
		margin-left: 0.5em;
	}

	.woocommerce-activity-card__menu {
		// Pull the menu up/out slightly
		margin-right: $spacing * -0.5;
		margin-top: $spacing * -0.5;
	}
}

.woocommerce-activity-card__body {
	padding: 0 $spacing $spacing;
	display: flex;

	.woocommerce-activity-card__content {
		flex: 1;
	}

	.woocommerce-activity-card__image {
		border-radius: 50%;
		overflow: hidden;
		width: 60px;
		align-self: flex-end;
		border: 1px solid $gray;
		background: #f8f8f8;

		img,
		.dashicon {
			vertical-align: middle;
			width: 100%;
			height: auto;
		}
	}
}

.woocommerce-activity-card__actions {
	padding: $spacing;
	border-top: 1px solid $gray;
	background: #eee;

	// Ensures any immediate child with a sibling has space between the items
	& > * + * {
		margin-left: 0.5em;
	}
}