Layout tweaks. Wait #5345 @0.25

diff --git a/js/libs/fluidbook/cart/fluidbook.cart.bastide.js b/js/libs/fluidbook/cart/fluidbook.cart.bastide.js
index 8a7e25a6c908fc8a4ab08ac2fc9713970b330fc0..4d596d84580bda5ac1a650089ad994acef4b0867 100644 (file)
--- a/js/libs/fluidbook/cart/fluidbook.cart.bastide.js
+++ b/js/libs/fluidbook/cart/fluidbook.cart.bastide.js
@@ -470,6 +470,6 @@ FluidbookCartBastide.prototype = {
     },
 
     getMenuWidth: function () {
-        return window.location.hash === '#/cart/validate' ? 880 : 1060; // Validate modal is narrower than main cart
+        return window.location.hash === '#/cart/validate' ? 990 : 1190; // Validate modal is narrower than main cart
     },
 };

diff --git a/style/cart/bastide.less b/style/cart/bastide.less
index ead06a4ac5a2a9e82262175d9f3b158c7ea2c96d..4b86ecf3207b82d8e199b6f8375c7ce242ff23c3 100644 (file)
--- a/style/cart/bastide.less
+++ b/style/cart/bastide.less
@@ -32,7 +32,7 @@
   height: 100%;
   min-height: 35vh;
   min-width: 320px;
-  font-family: 'Roboto Condensed', sans-serif;
+  font-size: 18px;
 
   @media (max-width: 1060px) {
     font-size: 15px;
@@ -120,7 +120,7 @@
         &:before {
           content: attr(data-label) ' : ';
           font-weight: bold;
-          flex: 0 0 7.5em; // Set width of "label" column in stacked mode
+          flex: 0 0 9.5em; // Set width of "label" column in stacked mode
           text-align: right;
           padding-right: 10px;
           line-height: 1;
@@ -385,6 +385,7 @@
     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)