From: Stephen Cameron <stephen@cubedesigners.com>
Date: Mon, 19 Sep 2022 16:58:22 +0000 (+0200)
Subject: WIP #5345 @1.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=f4106f3c654290ffd38b51e0733ebc8a5043a132;p=fluidbook-html5.git

WIP #5345 @1.5
---

diff --git a/js/libs/fluidbook/cart/fluidbook.cart.bastide.js b/js/libs/fluidbook/cart/fluidbook.cart.bastide.js
index 4d596d84..c11dcf50 100644
--- a/js/libs/fluidbook/cart/fluidbook.cart.bastide.js
+++ b/js/libs/fluidbook/cart/fluidbook.cart.bastide.js
@@ -316,13 +316,13 @@ FluidbookCartBastide.prototype = {
                 'billing_address': {
                     'label': "Adresse de facturation",
                     'type': 'textarea',
-                    'rows': 3,
+                    'rows': 2,
                     'required': false
                 },
                 'message': {
                     'label': "Message",
                     'type': 'textarea',
-                    'rows': 6,
+                    'rows': 3,
                     'required': false
                 },
             },
@@ -409,7 +409,6 @@ FluidbookCartBastide.prototype = {
 
         content += `<div class="fonctions">
                       <a href="#/closeview" class="close-cart">
-                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5.06 8.71" xml:space="preserve"><path fill="none" stroke="#000" stroke-miterlimit="10" d="m4.71 8.35-4-4 4-4"/></svg>
                         Compléter ma sélection
                       </a>
                       <a href="#" class="validate-cart" data-validate-cart>
@@ -457,10 +456,9 @@ FluidbookCartBastide.prototype = {
             </div><!-- .details-columns -->
             <div class="details-footer fonctions">
               <a href="#/cart" class="back-to-cart">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5.06 8.71" xml:space="preserve"><path fill="none" stroke="#000" stroke-miterlimit="10" d="m4.71 8.35-4-4 4-4"/></svg>
-                Retourner à ma Sélection
+                Retour à ma Sélection
               </a>
-              <a href="#" class="send-cart" data-send-cart>Envoyer ma commande</a>
+              <a href="#" class="send-cart" data-send-cart>Envoyer ma demande</a>
             </div><!-- .details-footer -->
             <div class="server-response" style="display:none"><!-- placeholder for AJAX response --></div>
           </div><!-- .inner-content -->
diff --git a/style/cart/bastide.less b/style/cart/bastide.less
index 4b86ecf3..2aba15bb 100644
--- a/style/cart/bastide.less
+++ b/style/cart/bastide.less
@@ -300,12 +300,12 @@
   .fonctions {
     display: flex;
     align-items: center;
-    justify-content: space-between;
+    justify-content: flex-end;
+    gap: 1em;
     padding: 2em 0;
 
     // Reorganise footer for better display and wrapping
     @media @breakpoint_table {
-      gap: 1.5em;
       flex-wrap: wrap;
       flex-direction: row-reverse;
       justify-content: flex-start;
@@ -315,6 +315,7 @@
       background-color: @menu-background;
       color: #fff;
       white-space: nowrap;
+      margin: 0;
 
       @media @breakpoint_table {
         flex: 1; // Allows items to grow to maximise width
@@ -379,22 +380,22 @@
 
   .back-to-cart, .close-cart {
     background-color: transparent !important;
-    color: #000 !important;
+    border: 2px solid currentColor;
+    color: @menu-background !important;
     display: inline-flex;
-    font-size: 0.75em;
+    font-weight: bold;
     align-items: center;
     margin: 0;
-    padding-left: 0;
     justify-content: center;
 
     @media @breakpoint_table {
       order: 3; // Switch position (since we're in flex-direction: row-reverse)
     }
+  }
 
-    svg {
-      height: 1em;
-      margin-right: 1.5em;
-    }
+  .server-response {
+    max-width: 50ch;
+    margin: 2em auto 0;
   }
 
 }