Woocommerce-services: Style tweaks

[harriswong]

Couple of style tweaks

1. Remove the gap left of the green checkbox
   

2. The "Notify the customer with shipment details" text should be vertically middle with the checkbox button
   

3. The button background colour should be pink instead of blue. Pink to match the "Create shipping label" background
   

[bborman22]

I addressed number 1 in the #2130 PR and number 3 in the #2129 PR.

For number 2 though, I wasn't able to see the same vertical alignment issue. In fact in the screenshot provided it appears to be misaligned to the top, while what I see looked better, but if anything was misaligned to the bottom.

I had checked this on Chrome 84 and Firefox 79. I was wondering if this alignment issue is still present in the latest develop branch or if there is a particular browser or set up that got that vertical alignment?

[harriswong]

@bborman22 I just checked my local, looks like the Notify the customer with shipment details text is aligned vertically with the checkbox.

@elizaan36! I think I created this issue from one of our round tables demos but it has been a while. For the second comment in the issue regarding vertical aligned text, I just want to double check if this looks ok now?

[elizaan36]

regarding vertical aligned text, I just want to double check if this looks ok now?

hey, I just checked on my test site and it looks like it's been fixed. Thanks for remembering these tweaks @harriswong and @bborman22 for taking it on🎉

[bborman22]

With #2130 and #2129 merged, this issue can be closed.