fix: 'Search titles' filter wraps to multiple lines on small screens

2023-01-02 21:25:24 -05:00
parent 0d920e02b1
commit 64d8f3091a
1 changed files with 3 additions and 2 deletions
--- a/app/scenes/Search/Search.tsx
+++ b/app/scenes/Search/Search.tsx
@@ -362,7 +362,7 @@ class Search extends React.Component<Props> {
                  })
                }
              />
-              <SearchTitleOnlyFilter
+              <SearchTitlesFilter
                width={26}
                height={14}
                label={t("Search titles only")}
@@ -458,7 +458,8 @@ const Filters = styled(Flex)`
  }
 `;

-const SearchTitleOnlyFilter = styled(Switch)`
+const SearchTitlesFilter = styled(Switch)`
+  white-space: nowrap;
  margin-left: 8px;
  margin-top: 2px;
  font-size: 14px;