[FIX] payment, *: BS4, adapt ui of shop/payment page in website.

* website_sale, payment_authorize, payment_ogone, payment_stripe,
  website_sale_delivery

(Many bugs were only revealed by BS4, not created)

- Align payment method (Ex.Stripe) form attributes in row.
- Fix align between radio button and payment method name.
- Removed header div from 'billing & shipping'.
- Set badges (Ex.free) and align between badges and delivery method
  name in choose delivery method.
- Border subtraction from delivery methods div as already card class
  has border.

1 files changed, 6 insertions, 6 deletions

diff --git a/addons/payment/static/src/scss/payment_form.scss b/addons/payment/static/src/scss/payment_form.scss
index 2069fc93f8c..8735c24c790 100644
--- a/addons/payment/static/src/scss/payment_form.scss
+++ b/addons/payment/static/src/scss/payment_form.scss
@@ -1,6 +1,6 @@
 .o_payment_form {
     label > input[type="radio"], input[type="checkbox"]{
-        vertical-align: top;
+        vertical-align: middle;
         margin-right: 5px;
     }
 
@@ -17,20 +17,20 @@
         margin-top: 5px;
     }
 
-    .panel-body:first-child {
+    .card-body:first-child {
         border-top: 0px;
     }
 
-    .panel {
+    .card {
         border-radius: 10px;
     }
 
-    .panel-footer:last-child {
+    .card-footer:last-child {
         border-bottom-right-radius: 10px !important;
         border-bottom-left-radius: 10px !important;
     }
 
-    .panel-body {
+    .card-body {
         border-top: 1px solid #ddd;
         padding: 1.14em !important;
     }
@@ -43,7 +43,7 @@
         }
 
         .more_option {
-            @include o-position-absolute($right: 0px, $bottom: -10px);
+            @include o-position-absolute($right: 10px);
             font-size:10px;
         }