/* --- Monitor layout fix: compact grouped view (branches side-by-side, no wasted space) ---
 * Appended to plugins/monitor/monitor.css.
 * Fixes the invalid `display: flex-root` on .monitor_sub_container, which the
 * browser ignored (falling back to block) and caused every branch to span the
 * full row width with large empty space to the right of only a few icons.
 */

.monitor_sub_container {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	gap: 4px !important;
}

/* Let the per-branch and tree wrappers size to their content instead of 100%. */
.monitorTable {
	display: block !important;
	width: auto !important;
}

/* Each branch becomes a compact box hugging its devices. */
.monitorSubTable {
	display: inline-flex !important;
	flex-direction: column !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 2px 4px !important;
	border: 1px solid #cccccc !important;
}

/* Branch header bar should fit the title, not stretch full width. */
.monitorSubTable > .navBarNavigation {
	width: auto !important;
}