Checkout improvements

[good-idea]

• Animate the flyout appaaring with ease-out or a cubic-bezier that you feel looks good
• Make the whole thing 1.5 - 2x wider
• Disable checkout button while loading (i.e. if a user changes quantity)
• Gray out Subtotal while loading
• Clicking outside of the flyout should close the menu.
  • Put a big semi-transparent button behind the flyout but above the page content. (The page content should look "faded out" a little bit)
• Remove "Close" button in top in favor of a smaller button below the Checkout button
• Center "Your Cart" text

Line Items

Text layout should be:

Item Title (Normal weight, black)
Selected Option 1 (Normal weight, gray)
Selected Option 2 (Normal weight, gray)
Price (Bold, black)
Quantity (Bold, gray)

• No margin above text (should top-align with image)
• Display selected product options
• Add a remove "X" in the top-right
  • Only show when hovering over item div
• Add quantity increase/decrease buttons inline on the Quantity line:
  • Quantity: 2 + / -
  • Only show buttons when hovering over item div

(useCheckout returns an updateQuantity function that you can use)

Bottom / Checkout area

• Center checkout button
• put "shipping and discount codes ..." below button