MAGETWO-36026: [UI] Checkout: Payment Information

- QA updates

app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_progress-bar.less

@@ -27,8 +27,8 @@
 @checkout-progress-bar-item-element-inner__height: @checkout-progress-bar-item-element-inner__width;
 @checkout-progress-bar-item-element-inner__width: @checkout-progress-bar-item-element__width - (@checkout-progress-bar-item-element-outer-radius__width * 2);
 @checkout-progress-bar-item-element-inner__active__content: @icon-checkmark;
-@checkout-progress-bar-item-element-inner__active__font-size: 2.8rem;
-@checkout-progress-bar-item-element-inner__active__line-height: 2.8rem;
+@checkout-progress-bar-item-element-inner__active__font-size: 28px;
+@checkout-progress-bar-item-element-inner__active__line-height: 1;
 
 @checkout-progress-bar-item-element-outer-radius__width: 6px;
 

app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_tooltip.less

@@ -26,8 +26,9 @@
 @checkout-tooltip-content__width: 270px;
 @checkout-tooltip-content__active__border-color: darken(@checkout-tooltip-content__border-color, 20%);
 
-@checkout-tooltip-content-mobile__top: 30px + @checkout-tooltip-icon-arrow__font-size;
+@checkout-tooltip-content-mobile-popup__width: 200px;
 @checkout-tooltip-content-mobile__right: -(@indent__s);
+@checkout-tooltip-content-mobile__top: 30px + @checkout-tooltip-icon-arrow__font-size;
 
 //
 //  Common
@@ -117,6 +118,16 @@
 //  Mobile
 //  _____________________________________________
 
+.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) {
+    .modal-popup {
+        .field-tooltip {
+            .field-tooltip-content {
+                .css(width, @checkout-tooltip-content-mobile-popup__width);
+            }
+        }
+    }
+}
+
 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @checkout-tooltip-breakpoint__screen-m) {
     .field-tooltip {
         .field-tooltip-content {