优化下单页面移动端展示效果

payment_headend/index.html

@@ -14,7 +14,6 @@
             display: flex;
             justify-content: center;
             align-items: center;
-            height: 100vh;
         }
 
         .container {
@@ -25,6 +24,13 @@
             padding: 20px 30px;
         }
 
+        @media (max-width: 576px) {
+            .container {
+                padding: 20px 15px;
+                max-width: 100%;
+            }
+        }
+
         h1 {
             text-align: center;
             color: #333;

payment_headend/orderDetails.html

@@ -26,6 +26,7 @@
         h2 {
             text-align: center;
             font-weight: 700;
+            margin-top: 0;
             margin-bottom: 30px;
         }
         .table {