beautification des menues de filtres

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

@@ -466,19 +466,51 @@ html {
     display: flex;
     width: 100%;
     height: fit-content;
-    /* border: black 2px solid; */
     margin-bottom: 16px;
 }
 
-
-.filters-menu{
+.filters-btn-container{
+    width:100%;
     display:flex;
 }
 
+.filters-btn{
+    margin:auto;
+    width:90% !important;
+}
+
+.filters-dropdown button{
+    width: 100%;
+}
+
+.filters-menu{
+    width:fit-content;
+    display:flex;
+    margin:5px 15px 10px 15px;
+}
+
 .filters-container {
-    width: 75%;
-    /* border: green 2px dotted; */
-    margin: 0px;
+    width: fit-content;
+    margin-left: 25px;
+}
+
+.filters-price-container{
+    white-space: nowrap;
+    padding:0px 10px 0px 10px;
+}
+
+.filters-state-container{
+    white-space: nowrap;
+    padding:0px 10px 0px 10px;
+}
+
+.filters-info{
+    width:fit-content;
+    height:fit-content;
+    background-color: beige;
+    margin-top: 5px;
+    padding: 5px 10px 5px 10px;
+    border-radius: 5px;
 }
 
 
@@ -486,7 +518,7 @@ html {
     width: 20%;
     height: fit-content;
     margin:auto;
-    margin-right: 2%;
+    margin-right: 25px;
 }
 
 .sorting-dropdown {