contract filters: put settings at end

manifoldmarkets · Jul 10, 2024 · 52f9940 · 52f9940
1 parent e443eef
commit 52f9940
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/web/components/search/contract-filters.tsx b/web/components/search/contract-filters.tsx
@@ -150,9 +150,6 @@ export function ContractFilters(props: {
   return (
     <Col className={clsx('mb-1 mt-2 items-stretch gap-1 ', className)}>
       <Carousel labelsParentClassName="-ml-1.5 gap-1 items-center">
-        <IconButton size="2xs" onClick={() => setOpenFilterModal(true)}>
-          <FaSliders className="h-4 w-4" />
-        </IconButton>
         <Row className="bg-ink-200 dark:bg-ink-300 items-center rounded-full">
           <button
             key="score"
@@ -305,6 +302,9 @@ export function ContractFilters(props: {
             {getLabelFromValue(CONTRACT_TYPES, contractValue)}
           </FilterPill>
         ))}
+        <IconButton size="2xs" onClick={() => setOpenFilterModal(true)}>
+          <FaSliders className="h-4 w-4" />
+        </IconButton>
       </Carousel>
       <FilterModal
         open={openFilterModal}