Align Variant Pill and Quantity picker on the same line for Dawn theme 12.0

[Tellmemore112]

1. I'd like to move the quantity picker to the same line as the variant pill for all products. My website is www.shoplile.com. 

2. I'd also like to decrease the size of the quantity picker to the match the variant pill. And possibly have the same style black background and white text same as the variant pill.

Thanks in advance 🙂 

[Abdosamer]

Hi @Tellmemore112 , go to base.css file and add the following code : 

.product-form__quantity{
    position: relative;
    bottom: 8rem;
    left: 10rem;
}

quantity-input.quantity {
    min-height: 3.7rem !important;
}

Result:

[Tellmemore112]

Thank you. Is the any way to make the quantity selector the same height and width as the variant pill?

also how can I further move up the ‘add to cart’ button 

thank you