Cart - Apply coupon button position

[venya]

Hello,
I have a formatting issue after X version. On the Cart page, the “apply coupon” button used to be aligned right, under the coupon code box. It’s now on the left. How can I bring it to the right so that the “apply coupon” together with “update cart” are the same as combined width as the input field.

My site: http://bit.ly/2DETpWE

This is the code that previously had the everything working:

/* CART BUTTONS Coupon & Update */
@media (min-width:375px){
input.button[name=update_cart] {
font-family: “Lato”,“Helvetica Neue”,Helvetica,sans-serif;float: right!important; margin-top:15px; margin-left: 0 !important;}
input.button[name=apply_coupon] {
font-family: “Lato”,“Helvetica Neue”,Helvetica,sans-serif;float: right!important; margin-top:15px; margin-left: 0 !important; }
}

Thank you!

[Prasant]

Hello Venya,

Thanks for asking.

Please add following CSS under X > Theme Options > CSS:

.update.action-group button.button {
    margin-top: 15px;
    margin-left: 10px;
}

@media only screen and (min-width: 600px) {
  .update.action-group {
    clear: both;
    display: flex;
    float: right;
}
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.