[Boutique] Commander : mise en page prix spécifiques par quantité

producer/web/css/screen.css

@@ -1519,79 +1519,89 @@ termes.
 /* line 333, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit .decreasing-prices {
   margin-top: 10px;
-  font-size: 10px;
+  font-size: 12px;
+  line-height: 15px;
   padding-top: 6px;
   padding-bottom: 2px;
   margin-bottom: 0px;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+/* line 343, ../sass/order/_order.scss */
+.order-order #main #app-order-order table#products .price-unit .decreasing-prices ul {
+  padding: 0px;
+  margin: 0px;
+  list-style-type: none;
 }
-/* line 341, ../sass/order/_order.scss */
+/* line 348, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit .decreasing-prices ul li {
   margin-bottom: 5px;
+  text-align: left;
 }
-/* line 343, ../sass/order/_order.scss */
+/* line 352, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit .decreasing-prices ul li strong {
   font-weight: bold;
 }
-/* line 351, ../sass/order/_order.scss */
+/* line 360, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit, .order-order #main #app-order-order table#products .price-total {
   width: 135px;
   text-align: center;
 }
-/* line 355, ../sass/order/_order.scss */
+/* line 364, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit .price-infos, .order-order #main #app-order-order table#products .price-total .price-infos {
   color: gray;
   font-size: 13px;
   line-height: 15px;
 }
-/* line 362, ../sass/order/_order.scss */
+/* line 371, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.product-open td.price-total {
   font-size: 1.1rem;
   font-family: 'worksans_bold';
   padding-top: 19px;
 }
-/* line 368, ../sass/order/_order.scss */
+/* line 377, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity {
   width: 175px;
 }
-/* line 371, ../sass/order/_order.scss */
+/* line 380, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity input.quantity,
 .order-order #main #app-order-order table#products .td-quantity .input-group-text {
   background-color: white;
 }
-/* line 376, ../sass/order/_order.scss */
+/* line 385, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity input.quantity {
   text-align: center;
   border: 0px none;
 }
-/* line 380, ../sass/order/_order.scss */
+/* line 389, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity .input-group-text {
   border: 0px none;
   padding-right: 10px;
   padding-left: 0px;
   margin: 0px;
 }
-/* line 388, ../sass/order/_order.scss */
+/* line 397, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity .input-group-btn button {
   padding: 4px 5px 0px 5px;
 }
-/* line 390, ../sass/order/_order.scss */
+/* line 399, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity .input-group-btn button .bi {
   font-size: 1.5em;
   font-weight: bold;
   margin: 0px;
 }
-/* line 401, ../sass/order/_order.scss */
+/* line 410, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .summary {
   padding: 25px;
 }
-/* line 404, ../sass/order/_order.scss */
+/* line 413, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .summary h3 {
   font-family: 'worksans_bold';
   margin-top: 0px;
   text-transform: uppercase;
   margin-bottom: 5px;
 }
-/* line 411, ../sass/order/_order.scss */
+/* line 420, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .summary ul {
   margin-bottom: 15px;
   padding-left: 20px;
@@ -1599,17 +1609,17 @@ termes.
   line-height: 1.4rem;
   list-style-type: disc;
 }
-/* line 419, ../sass/order/_order.scss */
+/* line 428, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .summary ul li .quantity {
   font-weight: bold;
 }
-/* line 426, ../sass/order/_order.scss */
+/* line 435, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .price-total {
   padding-top: 25px;
   font-size: 1.5rem;
   font-family: 'worksans_bold';
 }
-/* line 431, ../sass/order/_order.scss */
+/* line 440, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .price-total span {
   display: inline-block;
   padding: 7px 15px;
@@ -1619,30 +1629,30 @@ termes.
   color: white;
   font-size: 1.2rem;
 }
-/* line 443, ../sass/order/_order.scss */
+/* line 452, ../sass/order/_order.scss */
 .order-order #main #app-order-order #payment-methods .infos {
   margin-top: 10px;
   color: gray;
 }
-/* line 450, ../sass/order/_order.scss */
+/* line 459, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-payment .delivery {
   margin-bottom: 20px;
 }
-/* line 454, ../sass/order/_order.scss */
+/* line 463, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-payment .comment {
   margin-bottom: 20px;
 }
-/* line 458, ../sass/order/_order.scss */
+/* line 467, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-payment #payment-methods {
   margin-bottom: 20px;
 }
-/* line 463, ../sass/order/_order.scss */
+/* line 472, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-payment .credit .info {
   margin-left: 20px;
   color: gray;
 }
 
-/* line 476, ../sass/order/_order.scss */
+/* line 485, ../sass/order/_order.scss */
 #main #content .panel h3 {
   font-family: "worksans_bold";
   margin: 0px;

producer/web/sass/order/_order.scss

@@ -332,14 +332,23 @@
             .price-unit {
                 .decreasing-prices {
                     margin-top: 10px;
-                    font-size: 10px;
+                    font-size: 12px;
+                    line-height: 15px;
                     padding-top: 6px;
                     padding-bottom: 2px;
                     margin-bottom: 0px;
+                    padding-left: 10px;
+                    padding-right: 10px;
 
                     ul {
+                        padding: 0px;
+                        margin: 0px;
+                        list-style-type: none;
+
                         li {
                             margin-bottom: 5px;
+                            text-align: left;
+
                             strong {
                                 font-weight: bold;
                             }