feat(SimpleCheckoutWindow): design improved

Related: pcsg/kunden/freemom/umsetzung#823

bin/frontend/controls/SimpleCheckoutWindow.css

+@media screen and (min-width: 768px) {
+    .SimpleCheckoutWindow .qui-window-popup-content,
+    .SimpleCheckoutWindow .qui-window-popup-sheet-content {
+        padding: 2rem;
+    }
+}
+
 .SimpleCheckoutWindow .SimpleCheckoutWindow-btn-cancel {
-    color: grey;
     cursor: pointer;
-    font-size: 12px;
+    color: inherit;
+    background: none;
+    border: none;
+    outline: none;
 }
 
 .SimpleCheckoutWindow .SimpleCheckoutWindow-btn-close {
@@ -12,8 +21,30 @@
     display: flex;
     float: none !important;
     justify-content: space-between;
+    height: auto !important;
+    padding-inline: 1rem;
 }
 
 .SimpleCheckoutWindow .SimpleCheckoutWindow-btn-payToOrder {
     order: 1;
+}
+
+/* order process */
+.SimpleCheckoutWindow .quiqqer-simple-checkout-basket {
+    top: 0;
+}
+
+.SimpleCheckoutWindow .articles-sum-container {
+    --_bg: #fff;
+    font-size: .875rem;
+    text-align: right;
+}
+
+.SimpleCheckoutWindow .articles-sum tr,
+.SimpleCheckoutWindow .articles-sum td {
+    border-width: 0;
+}
+
+.SimpleCheckoutWindow .quiqqer-simple-checkout-data-pay {
+
 }
\ No newline at end of file

bin/frontend/controls/SimpleCheckoutWindow.js

@@ -68,7 +68,7 @@ define('package/quiqqer/order-simple-checkout/bin/frontend/controls/SimpleChecko
                 }
             });
 
-            const CancelBtn = new Element('span', {
+            const CancelBtn = new Element('button', {
                 'class': 'SimpleCheckoutWindow-btn-cancel',
                 html   : QUILocale.get('quiqqer/order-simple-checkout', 'SimpleCheckoutWindow.btn.cancel'),
                 events : {
@@ -83,7 +83,6 @@ define('package/quiqqer/order-simple-checkout/bin/frontend/controls/SimpleChecko
 
             this.Loader.show();
             this.getContent().set('html', '');
-            this.getContent().setStyle('padding', 0);
 
             this.$Checkout = new SimpleCheckout({
                 products         : this.getAttribute('products'),