mood-panel.less

@color-grey-light: #CCCCCC;

.mood-panel {
	.item-btns {
		text-align: center;
		border-bottom: 1px solid @color-grey-light;
		padding: 5px 0;
		.item-btn {
			display: inline-block;
			width: 50px;
			margin: 0 2px;
		}
		.btn {
			color: #ffffff;
			height: 30px;
			width: 100%;
		}
		.btn.btn-mild {
			color: #777777;
		}
	}
	.feeling-list {
		border-bottom: 1px solid @color-grey-light;
		padding-bottom: 5px;
		.btn.btn-xs {
			margin-right: 5px;
		}
	}
}
@media screen and (max-width: 480px) {
	.mood-panel {
		.item-btns .item-btn {
			width: 45px;
		}
	}
}
@media screen and (max-width: 420px) {
	.mood-panel {
		.item-btns .item-btn {
			width: 35px;
		}
	}
}
@media screen and (max-width: 350px) {
	.mood-panel {
		.item-btns .item-btn {
			margin: 0;
		}
	}
}