// Widget configuration.

form.dashboard-widget-tophosts {
	$width-small: 250px;

	#list_columns .text {
		@extend %overflow-ellipsis;
		max-width: $width-small;
	}

	#column {
		max-width: $width-small;
	}
}

// Widget view.

div.dashboard-widget-tophosts {
	$bar-gauge-height: 20px;

	.list-table {
		th.center {
			text-align: center;
		}

		tr[data-hostid] {
			cursor: pointer;
		}
	}

	td {
		line-height: $bar-gauge-height;
		height: 20px;
	}

	.link-action {
		white-space: nowrap;
	}

	z-bar-gauge {
		min-width: 64px;
		height: $bar-gauge-height;
	}
}
