@use '../../../css/ui-constants';

.ame-rui-block-by-url-container {
	margin-bottom: 10px;
}

.ame-postbox-section .ame-rui-block-by-url-edit-panel {
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: ui-constants.$controlChildLeftMargin;

	padding: 4px 8px;

	border: 1px solid #ddd;
	border-radius: 4px;

	.ame-gcg-children > .ame-general-control-group {
		margin: 4px 0;

		//Align title text with text in input fields. (Doesn't work for textareas, they have different line height.)
		.ame-gcg-title {
			line-height: 40px; //Min height for inputs in WP 7.0

			span {
				vertical-align: baseline;
			}
		}
	}

	input[type="text"] {
		width: 99%;
	}

	textarea {
		margin: 0 1px;
	}
}

.ame-toggle-url-block-editor .ame-rev-event-button-label {
	display: inline-block;
	min-width: 36px;
	text-align: left;
}