From: Stephen Cameron <stephen@cubedesigners.com>
Date: Wed, 13 Jul 2022 08:30:06 +0000 (+0200)
Subject: Layout tweaks. Wait #5345 @0.25
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=9d4f86fa9d4c235469e777967006000627cc527a;p=fluidbook-html5.git

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 8a7e25a6..4d596d84 100644
--- 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 ead06a4a..4b86ecf3 100644
--- 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)