/*
 * LMS version 1.11-git
 *
 *  (C) Copyright 2001-2018 LMS Developers
 *
 *  Please, see the doc/AUTHORS for more information about authors!
 *
 *  This program is free software; you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License Version 2 as
 *  published by the Free Software Foundation.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with this program; if not, write to the Free Software
 *  Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307,
 *  USA.
 *
 *  $Id$
 */

#devicenodes {
	.name {
		width: 35em;
	}
	.owner {
		width: 10em;
	}
	.link-tech {
		width: 10em;
	}
	.link-speed {
		width: 10em;
	}
	.nodeid {
		width: 8em;
	}
	.ownerid {
		width: 8em;
	}
	.taken-ports {
		width: 10em;
	}
	.network {
		width: 10em;
	}
	.buttons {
		width: 5em;
	}

	.lms-ui-tab-buttons {
		flex-wrap: wrap;
	}

	.node-link-port {
		cursor: pointer;
	}

	@media all and (max-width: 1800px) {
		.nodeid-ownerid {
			flex-direction: column !important;
			width: 8em !important;
			div {
				flex-grow: 0 !important;
				width: 100% !important;
			}
		}
	}
	@media all and (max-width: 1500px) {
		.link {
			flex-direction: column !important;
			width: 10em !important;
			div {
				flex-grow: 0 !important;
				width: 100% !important;
			}
		}
		.name-owner {
			flex-direction: column !important;
			width: 30em !important;
			div {
				flex-grow: 0 !important;
				width: 100% !important;
			}
		}
	}
	@media all and (max-width: 1200px) {
		.name-owner-nodeid-ownerid {
			flex-direction: column !important;
			width: 25em !important;
			div {
				flex-grow: 0 !important;
				width: 100% !important;
			}
		}
	}
	@media all and (max-width: 1000px) {
		.taken-ports-network {
			flex-direction: column !important;
			width: 10em !important;
			div {
				flex-grow: 0 !important;
				width: 100% !important;
			}
		}
	}
	@media all and (max-width: 900px) {
		.link-taken-ports-network {
			flex-direction: column !important;
			width: 10em !important;
			div {
				flex-grow: 0 !important;
				width: 100% !important;
			}
		}
	}
	@media all and (max-width: 768px) {
		.col-8 {
			flex-direction: column !important;
			width: 20em !important;
			div {
				flex-grow: 0 !important;
				width: 100% !important;
			}
		}
		.lms-ui-tab-buttons {
			flex-direction: column;
			align-items: flex-start;
			> :not(:first-child) {
				margin-top: 0.3em;
			}
		}
	}
}
