Modifs mineures Page Filter

src/app/pages/filters-page/filters-page.component.html

@@ -4,13 +4,16 @@
 
 
 <div class="accordion">
+
+<!-------------------------------------------------------------------------- Accordéon Distance -------------------------------------------------------------------------->
+
    <div class="accordion-item">
     <h2 class="accordion-header" id="panelsStayOpen-headingOne">
       <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne">
         <p style="font-size: 20px;">Distance</p>
       </button>
     </h2>
-    <div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingOne">
+    <div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingOne">
       <div class="accordion-body">
         <div class="distance p-3">
           <span>Veuillez sélectionner la distance souhaitée</span>
@@ -22,10 +25,11 @@
           <span>4 KM</span>
         </div>
       </div>
-
     </div>
    </div>
 
+   <!-------------------------------------------------------------------------- Accordéon Prix -------------------------------------------------------------------------->
+
   <div class="accordion-item">
     <h2 class="accordion-header" id="panelsStayOpen-headingTwo">
       <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo">
@@ -38,17 +42,18 @@
        <div class="minMax p-3">
          <span>Veuillez sélectionner le prix souhaité</span>
         </div>
-       <input type="range" class="form-range" min="0" max="20" id="customRange2">
+       <input type="range" class="form-range" min="0" max="50" id="customRange2">
        <div class="valuesPrix d-flex d-flex justify-content-between">
         <span>0€</span>
-        <span>10€</span>
-        <span>20€</span>
+        <span>25€</span>
+        <span>50€</span>
       </div>
-
       </div>
     </div>
  </div>
 
+ <!-------------------------------------------------------------------------- Accordéon Place/Emporter -------------------------------------------------------------------------->
+
  <div class="accordion-item">
   <h2 class="accordion-header" id="panelsStayOpen-headingThree">
     <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree">
@@ -66,12 +71,12 @@
         <input class="surPlace-check-input" type="checkbox" id="inlineCheckbox1" value="surPlaceOption" style="width: 25px; height: 25px; border-radius: 300px;">
         <input class="Emporter-check-input" type="checkbox" id="inlineCheckbox2" value="aEmporterOption" style="width: 25px; height: 25px;">
       </div>
-
-
     </div>
   </div>
 </div>
 
+<!-------------------------------------------------------------------------- Accordéon AccesPMR -------------------------------------------------------------------------->
+
 <div class="accordion-item">
   <h2 class="accordion-header" id="panelsStayOpen-headingFour">
     <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFour">
@@ -88,11 +93,12 @@
         <input class="pmr-check-input mx-auto" type="checkbox" value="" id="pmrIndeterminate" style="width: 25px; height: 25px;">
         <label class="pmr-check-label" for="pmrIndeterminate"></label>
       </div>
-
     </div>
   </div>
 </div>
 
+<!-------------------------------------------------------------------------- Accordéon Avis -------------------------------------------------------------------------->
+
 <div class="accordion-item">
   <h2 class="accordion-header" id="panelsStayOpen-headingFive">
     <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFive">

src/app/pages/filters-page/filters-page.component.scss

@@ -6,13 +6,14 @@
   max-width: 83%;
 }
 
+
 .titre{
 
   display: flex;
   justify-content: flex-start;
-  margin: 0 0 0.5em 8.2em;
+  margin: 2.5em 0 0.5em 8.2em;
   color: #CE0000;
-  margin-top: 100px;
+
 }