al0cam_AutoMover/styles.css

/*

This CSS file will be included with your plugin, and
available in the app when your plugin is enabled.

If your plugin does not need CSS, delete this file.

*/

.moving_rules_container {
	padding: 0.75em 0;
	border-top: 1px solid var(--background-modifier-border);
	display: flex;
	flex-direction: column;
}

.rule {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 0.5em;
	justify-content: space-evenly;
	gap: 0.5em;
}

.rule_header {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.rule_title {
	padding: 0.5em;
	width: 100%;
	font-weight: bold;
}

.rule_input {
	width: 100%;
	padding: 0.5em;
	border: 1px solid var(--background-modifier-border);
	border-radius: 0.25em;
}

.rule_button {
	cursor: pointer;
}

.rule_button:hover {
	background-color: var(--color-green);
}

.rule_button:active {
	background-color: var(--background-modifier-active);
}

.rule_button_remove:hover {
	background-color: var(--color-red) !important;
}

.rule_button_duplicate:hover {
	background-color: var(--color-blue) !important;
}

/* Style for timer-setting input field */
.setting-item.timer-setting input[type="text"] {
	width: auto;
	min-width: 8ch;
	/* Minimum for hh:mm:ss */
	max-width: 16ch;
	/* Allows up to ~9999:59:59 */
	/* padding: 2px 6px; */
	font-family: monospace;
	text-align: center;
	/* box-sizing: content-box; */
}