centered price filter component

HusnainRashid · Mar 9, 2023 · fcc138e · fcc138e
1 parent 2524859
commit fcc138e
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/client/src/components/EventsView/EventsView.js b/client/src/components/EventsView/EventsView.js
@@ -60,10 +60,10 @@ const EventsView = () => {
         <h1 className="display-4 mx-auto">Events</h1>
       </div>
 
-
-      <span class="badge text-bg-light"><h5>Price Filter</h5></span>
+      <div className="text-center">
          <div className="btn-group price" role="price" aria-label="Basic radio toggle button group">
 
+         <button type="button" class="btn btn-secondary text-white">Price Filter</button>
 
           <input type="radio" className="btn-check" onClick={() => handleMaxPriceClick(1000)} name="btnradioprice" id="btnradio1" autocomplete="off" />
           <label className="btn btn-dark" for="btnradio1">Off</label>
@@ -102,6 +102,7 @@ const EventsView = () => {
            <label className="btn btn-dark" for="btnradio12">£100</label>
       </div>
       </div>
+      </div>
 
 
       <div className="btn-group" role="group" aria-label="Category radio toggle button group">