body {
	background-color: lightgray;
}

ul.tabs  {
	display: inline;
}

ul.tabs > li {
	display: inline-block;
	padding: 10px 20px;
}

div.messagelist {
	background-color: white;
	overflow-y: scroll;
	max-height: 400px;
}

div.messagelist > span {
	display: block;
}

div.nicklist {
	background-color: white;
	text-align: right;
	overflow-y: scroll;
	max-height: 400px;
}

div.ircinput {
	position: absolute;
	bottom: 0;
	width: 100%;
}
body {
	background-color: lightgray;
}

ul.tabs  {
	display: inline;
}

ul.tabs > li {
	display: inline-block;
	padding: 10px 20px;
}

div.messagelist {
	background-color: white;
	overflow-y: auto;
	height: 90vh;
}

div.messagelist > span {
	display: block;
}

div.nicklist {
	background-color: white;
	text-align: left;
	overflow-y: auto;
	height: 90vh;
}

ul.col-xs-2 {
	list-style-type: none;
	padding: 20px;
	width: 100%;
}

div.ircinput {
	position: absolute;
	/*bottom: 0;*/
	width: 100%;
	padding: 5px 0;
}

Adjust CSS to provide a better layout
Adjust CSS to provide a better layout