/* Styling for the outer box */
.itemControls {
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #ccc;
}

/* Styling for the inner boxes */
.itemControlsLeft,
.itemControlsMiddle,
.itemControlsRight,
.itemControl {
	flex: 0 0 auto; /* Prevent the boxes from growing or shrinking */
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
}

.itemControlsLeft,
.itemControlsMiddle,
.itemControlsRight {
	width: auto; /* Adjust the width of the left-boxes container to fit its children */
}

.itemControl.details {
	margin-left: 10px;
}