wait #7957

diff --git a/style/cart/newheidi.less b/style/cart/newheidi.less
index 1a81bf5614c80c5b4aacb103c93d43bb62254839..76a9839929430a1c790003e8410398b13cf72888 100644 (file)
--- a/style/cart/newheidi.less
+++ b/style/cart/newheidi.less
@@ -17,6 +17,10 @@
   background-color: #dee59a;
   color: #000000;
   font-weight: bold;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  top: 0.9em;
 }
 
 .mview[data-menu="cart"],
@@ -264,6 +268,7 @@
     tr {
 
       @media @breakpoint {
+        position: relative;
         margin-bottom: 20px;
         display: flex;
         flex-direction: column;
@@ -281,7 +286,9 @@
       }
 
       &.reference,
-      &.designation {
+      &.designation,
+      &.lot,
+      &.prix {
         white-space: normal;
         word-break: break-word;
       }
@@ -295,6 +302,18 @@
         }
       }
 
+      &:not(.quantite,.delete) {
+
+        @media @breakpoint {
+          width: 56%;
+        }
+
+        @media (max-width: 480px) {
+          width: calc(100% - 35px);
+        }
+      }
+
+
       &.lot {
 
         @media @breakpoint {
@@ -333,6 +352,30 @@
 
         @media @breakpoint {
           order: 5;
+          width: max-content;
+          margin-top: 0;
+          position: absolute;
+          right: 9%;
+          top: 50%;
+          transform: translateY(-50%);
+          margin-left: 20px;
+          padding-left: 20px;
+          height: 100%;
+          border-left: 1px solid rgba(0, 0, 0, 0.1);
+          display: flex;
+          align-items: center;
+          gap: 5px;
+        }
+
+        @media (max-width: 480px) {
+          position: relative;
+          left: 0;
+          top: 0;
+          transform: none;
+          display: block;
+          border: 0;
+          padding-left: 0;
+          margin-left: 0;
           margin-top: 15px;
         }
       }
@@ -343,6 +386,13 @@
 
         @media @breakpoint {
           order: 6;
+          position: absolute;
+          right: 10px;
+          top: 50%;
+          transform: translateY(-50%);
+        }
+
+        @media (max-width: 480px) {
           margin-top: 15px;
         }
 
@@ -410,6 +460,10 @@
       background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' id='Calque_2' viewBox='0 0 4.84 1.06'><g id='panier'><path d='M0,1.06V0h4.84v1.06H0Z'/></g></svg>");
 
       @media @breakpoint {
+        left: 96px;
+      }
+
+      @media (max-width:480px) {
         left: 74px;
       }
     }