food-panel.less

.food-panel {
	.quantity-selector {
		.choose-items, .choose-container, .choose-weight {
			display: inline-block;
		}
		.choose-items {
			input.quantity {
				border: none !important;
				width: 65px;
			}
		}
		.choose-container {
			margin-right: 21px;
			.weights {
				display: none;
			}
		}
	}
	.inputfield {
		&.first {
			margin-top: 0px !important;
		}
		&.calorie-count {
			position: relative;
			.suggested-value {
				position: absolute;
				bottom: 0;
			}
			.input-value:focus + .suggested-value {
				right: 0;
			}
		}
	}

}

@media screen and (min-width: 455px) and (max-width: 550px) {
	.food-panel {
		.choose-container {
			width: 343px !important;
		}
	}
}

@media screen and (max-width: 550px) {
	.food-panel {
		.quantity-selector {
			.choose-items, .choose-container, .choose-weight {
				vertical-align: middle;
			}
			.choose-items {
				.quantity {
					width: 33px !important;
					font-size: 1.1em;
				}
			}
			.choose-container {
				margin-right: 0 !important;
				width: 205px;
				.weights {
					display: inline-block;
				}
			}
			.choose-weight {
				display: none !important;
			}
		}
	}
}