edi themes 20/08_04

themes/contrib/estore/css/styles.css

@@ -11493,6 +11493,28 @@ header.navbar .category-menu ul.menu {
 header.navbar .category-menu ul.menu.hide-block.product {
   display: block !important;
 }
+.layout-region-checkout-secondary{
+  border: 1px solid #ddd;
+  padding: 15px;
+}
+.checkout-pane .form-tel{
+  width: 100%;
+}
+.layout-region-checkout-footer{
+  width: 100% !important;
+  float: revert !important;
+}
+.checkout-pane .order-total-line:nth-child(2) {
+  margin-top: 10px;
+}
+.checkout-pane .order-total-line {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-left: 12px !important;
+  padding-right: 29px !important;
+  border-bottom: 1px solid #ddd;
+}
 header.navbar .category-menu ul.menu.hide-block.product-index {
   display: block !important;
 }
@@ -11598,14 +11620,13 @@ header.navbar .main-menu ul.menu .sidebar-submenu-2 li a {
   line-height: 33px !important;
 }
 .commerce-checkout-flow-multistep-default button {
-  position: absolute;
-  left: 45%;
-  width: 203px;
+  width: 100%;
   font-weight: 800;
   font-size: 16px;
   padding: 10px;
   bottom: 27px;
-
+  outline: none !important;
+  border-radius: 4px;
 }
 
 header.navbar .main-menu ul.menu li a {

themes/contrib/estore/templates/commerce/commerce-checkout-form--with-sidebar.html.twig

+{#
+/**
+ * @file
+ * Two column template for the checkout form.
+ *
+ * Available variables:
+ * - form: The form.
+ *
+ * @ingroup themeable
+ */
+#}
+<div class="layout-checkout-form clearfix">
+  <div class="layout-region layout-region-checkout-main">
+    {{ form|without('sidebar', 'actions') }}
+  </div>
+  <div class="layout-region layout-region-checkout-secondary">
+    <h3>{% trans %} Order Summary {% endtrans %}</h3>
+    {{ form.sidebar }}
+     {{ form.actions }}
+  </div>
+
+</div>