Couple of fixes and stuff

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

@@ -359,20 +359,6 @@ html {
     text-decoration: none;
 }
 
-.btn {
-    display: inline-block;
-    background: #000;
-    color: #fff;
-    border: none;
-    padding: 10px 20px;
-    margin: 5px;
-    border-radius: 5px;
-    cursor: pointer;
-    text-decoration: none;
-    font-size: 15px;
-    font-family: inherit;
-}
-
 .btn-primary {
     background-color: purple;
     color: white;
@@ -401,6 +387,12 @@ html {
     width: 85%;
 }
 
+.status-dropdown {
+    width: fit-content;
+    margin-bottom: 20px;
+    width: 85%;
+}
+
 .privacy {
     height: 100vh;
 }
@@ -419,9 +411,10 @@ html {
     align-items: center;
     margin: 1.25%;
     padding: 1.25%;
-    color:purple;
+    color: purple;
     background-color: beige;
-    border: purple solid 3px;;
+    border: purple solid 3px;
+    ;
 }
 
 .inventaire-form-container {
@@ -452,17 +445,17 @@ html {
 
 .dropdown-gestion,
 .dropdown-gestion:hover {
-    margin:0px;
-    padding:auto;
+    margin: 0px;
+    padding: auto;
     color: grey;
     background-color: transparent !important;
     border-color: transparent !important;
-    padding-left:10%;
+    padding-left: 10%;
 }
 
-.dropdown-gestion-container button:hover{
-    color:rgb(102, 102, 102) !important;
-   
+.dropdown-gestion-container button:hover {
+    color: rgb(102, 102, 102) !important;
+
 }
 
 .dropdown-gestion-menu {
@@ -479,16 +472,16 @@ html {
     margin-bottom: 15px;
 }
 
-.sorting-dropdown{
-    width:fit-content;
-    margin:auto;
-    float:right;
+.sorting-dropdown {
+    width: fit-content;
+    margin: auto;
+    float: right;
 }
 
-.cat-load{
-    display:block;
-    margin:auto;
-    width:auto;
+.cat-load {
+    display: block;
+    margin: auto;
+    width: auto;
     background-image: url("/public/images/cat-yarn.gif");
     background-repeat: no-repeat;
     background-color: white;
@@ -501,17 +494,17 @@ html {
 .detail-container {
     display: flex;
     background-color: plum;
-    padding:16px;
+    padding: 16px;
 }
 
 .detail-container-left {
-    margin:auto;
+    margin: auto;
     width: 48%;
     height: 100%;
 }
 
 .detail-container-right {
-    margin:auto;
+    margin: auto;
     width: 48%;
     height: 100%;
 }
@@ -521,30 +514,68 @@ html {
     height: auto;
 }
 
-.detail-old-price{
+.detail-old-price {
     text-decoration: line-through;
 }
 
 
+.btn-fermer {
+    background-color: red !important;
+    color: white !important;
+}
+
+.btn-ajouter-morceau {
+    background-color: purple !important;
+    color: white !important;
+}
+
+.form-group {
+    margin-bottom: 10px;
+}
+
+.simple-item-top-container{
+    display:flex;
+}
+
+.simple-item-title{
+    text-align: left;
+    margin: auto;
+    margin-left: 0px;
+    max-width: 80%;
+}
+
+.simple-item-buttons{
+    width:fit-content;
+    margin-right: 5px;
+}
 
 /* -------------------------------------------------------- */
 /* specification pour les moyennes écrans
 /* -------------------------------------------------------- */
 @media(max-width:900px) {
 
-    .dropdown-gestion,
-    .dropdown-gestion:hover {
-        padding-left:0;
+    .btn-ajouter-morceau {
+        display: block;
+        margin: auto;
+        margin-top: 20px;
+        height: 50px !important;
+        width: 90% !important;
+        font-size: larger;
     }
 
-    .detail-container{
-        display:inline-block;
+    .dropdown-gestion,
+    .dropdown-gestion:hover {
+        padding-left: 0;
+    }
+
+    .detail-container {
+        display: inline-block;
     }
 
     .detail-container-left {
         width: 95%;
     }
-    
+
     .detail-container-right {
         width: 95%;
     }
@@ -557,6 +588,18 @@ html {
         width: 45%;
     }
 
+
+    .status-dropdown {
+        float: none;
+        width: 100%;
+    }
+
+    .status-dropdown button {
+        height: 60px !important;
+        width: 100% !important;
+        font-size: larger;
+    }
+
     .sorting-dropdown {
 
         width: 100%;