diff --git a/bin/css/order.css b/bin/css/order.css index aa9e80c7cb3e90bf33762d47b539cc6c39a2063b..a2f204b2a35847d954ff4ed599cabe364b334b40 100644 --- a/bin/css/order.css +++ b/bin/css/order.css @@ -320,6 +320,10 @@ input.quiqqer-coupons-couponcodeinput-input:active { background: #f8f8f8 !important; } +.quiqqer-order-step-shipping-list-entry:hover { + background: rgba(0, 0, 0, 0.1); +} + /******************/ /* step: payments */ /******************/ @@ -360,7 +364,7 @@ input.quiqqer-coupons-couponcodeinput-input:active { .quiqqer-order-step-payments-list-entry .quiqqer-order-step-payments-list-entry-select { align-items: center; display: flex !important; - justify-content: flex-start; + justify-content: center; width: 40px; } @@ -446,8 +450,6 @@ input.quiqqer-coupons-couponcodeinput-input:active { .quiqqer-order-basket-articles-article:nth-child(2n) { background: #f8f8f8; - margin-top: 20px; - padding-top: 20px; } .quiqqer-order-basket-articles-article-title { @@ -529,8 +531,38 @@ input.quiqqer-coupons-couponcodeinput-input:active { margin-bottom: 20px; } -.quiqqer-order-step-checkout-payments { - margin-top: 20px; +.quiqqer-order-step-checkout .quiqqer-order-step-checkout-invoiceAddress, +.quiqqer-order-step-checkout .quiqqer-order-step-checkout-deliveryAddress, +.quiqqer-order-step-checkout .quiqqer-order-step-checkout-payments { + margin: 20px 0; + overflow: auto; +} + +.quiqqer-order-step-checkout .quiqqer-order-step-checkout-shipping, +.quiqqer-order-step-checkout .quiqqer-order-step-checkout-payments-payment { + display: flex; + margin: 0; + flex-direction: column; + align-items: flex-start; +} + +.quiqqer-order-step-checkout .quiqqer-order-step-checkout-payments-payment { + padding-right: 10px; +} + +.quiqqer-order-step-checkout .quiqqer-order-step-checkout-shipping { + padding-left: 10px; +} + +@media screen and (max-width: 767px) { + .quiqqer-order-step-checkout .quiqqer-order-step-checkout-shipping, + .quiqqer-order-step-checkout .quiqqer-order-step-checkout-payments-payment { + padding: 0; + } + + .quiqqer-order-step-checkout .quiqqer-order-step-checkout-payments-payment { + margin-bottom: 20px; + } } table.articles-article { @@ -625,6 +657,32 @@ table.articles-sum td { font-weight: bold; } +@media screen and (max-width: 767px) { + table.articles-article { + border: 1px solid #ddd; + } + + .articles-article tr { + padding: 10px; + } + + .articles-article tr:nth-child(2n) { + background: #f8f8f8; + } + + .articles-article td:before { + font-weight: bold; + } + + .articles-article .articles-article-quantity { + text-align: left; + } + + .quiqqer-order-step-checkout .quiqqer-order-step-checkout-notice input[name="termsAndConditions"] { + margin-bottom: 0; + } +} + /*****************/ /* step: gateway */ /*****************/ @@ -639,6 +697,17 @@ table.articles-sum td { padding: 1rem; } +@media screen and (max-width: 767px) { + .quiqqer-order-control-order-information-payment, + .quiqqer-order-control-order-information-invoiceAddress, + .quiqqer-order-control-order-information-orderData, + .quiqqer-order-control-order-information-delivery-address, + .quiqqer-order-control-order-information-shipping, + .quiqqer-order-control-orderLikeBasket .quiqqer-order-control-order-information-payment { + width: 100% !important; + } +} + /**********************/ /* step: order (last) */ /**********************/