优化下单支付页面

app/design/frontend/Joshine/breeze/Magento_Checkout/templates/onepage.phtml

@@ -15,7 +15,6 @@
         border: 1px solid #d4d4d4;
         border: 1px solid #d4d4d4;
         background: #fff;
         background: #fff;
         font-size: 16px;
         font-size: 16px;
-        margin-top: 70px;
     }
     }
     .opc-block-summary{
     .opc-block-summary{
         background: #f9f9f9;
         background: #f9f9f9;
@@ -59,7 +58,7 @@
     .field ._with-tooltip input{
     .field ._with-tooltip input{
         width: 100%;
         width: 100%;
     }
     }
-    .action.primary{
+    .action.primary,action.secondary{
         vertical-align: middle;
         vertical-align: middle;
         -webkit-transform: perspective(1px) translateZ(0);
         -webkit-transform: perspective(1px) translateZ(0);
         transform: perspective(1px) translateZ(0);
         transform: perspective(1px) translateZ(0);
@@ -129,14 +128,12 @@
             justify-content: center;
             justify-content: center;
             padding-left: 80px;
             padding-left: 80px;
             font-size: 22px;
             font-size: 22px;
+            padding-top: 40px;
         }
         }
         .authentication-wrapper{
         .authentication-wrapper{
             float: none;
             float: none;
-            top: 6.375rem;
             left: 2rem;
             left: 2rem;
-        }
-        .opc-wrapper{
-            margin-top: 70px;
+            padding-top: 40px;
         }
         }
         .login-q-reg{
         .login-q-reg{
             font-weight: 400;
             font-weight: 400;

app/design/frontend/Joshine/breeze/Magento_Checkout/web/template/onepage.html

+<!--
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+-->
+
+
+<!-- ko foreach: getRegion('progressBar') -->
+<!-- ko template: getTemplate() --><!-- /ko -->
+<!--/ko-->
+
+<!-- ko foreach: getRegion('authentication') -->
+<!-- ko template: getTemplate() --><!-- /ko -->
+<!--/ko-->
+
+<!-- ko foreach: getRegion('estimation') -->
+    <!-- ko template: getTemplate() --><!-- /ko -->
+<!--/ko-->
+
+<!-- ko foreach: getRegion('messages') -->
+    <!-- ko template: getTemplate() --><!-- /ko -->
+<!--/ko-->
+<div class="opc-wrapper">
+    <ol class="opc" id="checkoutSteps">
+    <!-- ko foreach: getRegion('steps') -->
+        <!-- ko template: getTemplate() --><!-- /ko -->
+    <!--/ko-->
+    </ol>
+</div>
+
+<!-- ko foreach: getRegion('sidebar') -->
+    <!-- ko template: getTemplate() --><!-- /ko -->
+<!--/ko-->