design fixed

Author: gamzegurcan

src/components/VolumeButton.jsx

@@ -58,7 +58,7 @@ function VolumeButton({ setBaseUrl, resetButton, setResetButton }) {
  <h5>Alcohol by Volume</h5>
  </div>
  <div className="col-xl-4 col-lg-12">
- <button type="button" className={`${noneButton ? "btn-primary" : "btn-outline-primary"} btn ms-5`} onClick={none}>None</button>
+ <button type="button" className={`${noneButton ? "btn-primary" : "btn-outline-primary"} btn ms-4`} onClick={none}>None</button>
  <button type="button" className={`${gtButton ? "btn-primary" : "btn-outline-primary"} btn ms-2`} onClick={greaterThan}>Greater Than</button>
  <button type="button" className={`${ltButton ? "btn-primary" : "btn-outline-primary"} btn ms-2`} onClick={lowerThan}>Lower Than</button>
  </div>

src/page/Home.jsx

@@ -29,6 +29,7 @@ function Home() {
  const [maxIndex, setMaxIndex] = useState();
  const [pageSize, setPageSize] = useState(3);
 
+
  // Filter Data
  function searchFilter(item) {
  if (item.name.toLowerCase().includes(search.toLowerCase())) {
@@ -113,13 +114,13 @@ function Home() {
  )
  }
  </div>
- { 
+ {
  filteredData.length > 0 ?
- <div className="text-center mt-5">
- <Pagination current={current} onChange={handlePageChange} total={filteredData.length} pageSize={pageSize} showSizeChanger={false} />
- </div>
- :
- <h3 className="text-center text-muted my-5">Beer not found.</h3>
+  <div className="text-center mt-5">
+  <Pagination current={current} onChange={handlePageChange} total={filteredData.length} pageSize={pageSize} showSizeChanger={false} />
+  </div>
+  :
+  <h3 className="text-center text-muted my-5">Beer not found.</h3>
  }
  </>
  )