Some stuff

GrossesMitaines/grosses-mitaines-ui/src/stylesheets/site.css

@@ -592,34 +592,86 @@ a {
     height: 200px;
 }
 
+
+
+.detail-status-container {
+    margin-top: 25px;
+}
+
+.detail-status-available {
+
+}
+
+.detail-status-backorder {}
+
+.detail-status-unavailable {}
+
+.detail-status-clearence {}
+
+.detail-status-promotion {}
+
+.detail-status-discontinued {}
+
+
 .detail-container {
     display: flex;
-    background-color: plum;
+    background-color: white;
     padding: 16px;
 }
 
-.detail-container-left {
-    margin: auto;
-    width: 48%;
+.detail-container-image {
+    margin:auto;
+    margin-top:25px;
+    width: 35%;
     height: 100%;
 }
 
-.detail-container-right {
-    margin: auto;
-    width: 48%;
+
+.detail-container-info {
+    margin:auto;
+    width: 35%;
     height: 100%;
 }
 
+.detail-container-controls {
+    margin:auto;
+    display:inline-flex;
+    width:20%;
+    height:100%;
+}
+
+.qty-select {
+    width: fit-content;
+    height:fit-content;
+    margin:auto;
+}
+
+.add-to-cart{
+    width:auto;
+    margin-left: 10px;
+}
+
 .detail-image {
     width: 100%;
     height: auto;
 }
 
+.detail-price{
+    font-weight: bold;
+}
+
+.detail-new-price {
+    font-weight: bold;
+}
+
 .detail-old-price {
+    font-weight: lighter;
     text-decoration: line-through;
 }
 
 
+
+
 .btn-fermer {
     background-color: red !important;
     color: white !important;
@@ -662,7 +714,7 @@ a {
 }
 
 #cart-count {
-   color:green;
+    color: green;
 }
 
 
@@ -689,11 +741,11 @@ a {
         display: inline-block;
     }
 
-    .detail-container-left {
+    .detail-container-image {
         width: 95%;
     }
 
-    .detail-container-right {
+    .detail-container-info {
         width: 95%;
     }