fix: Fix some gaps in search filters
authorJay Sitter <jay@jaysitter.com>
Sun, 2 Jul 2023 17:36:00 +0000 (13:36 -0400)
committerJay Sitter <jay@jaysitter.com>
Sun, 2 Jul 2023 17:36:29 +0000 (13:36 -0400)
src/shared/components/search.tsx

index b010fcec6958a9e79454a87b16440adf5e228629..c7a8cbaf61bb29609e2968492ffbf522eef738db 100644 (file)
@@ -182,27 +182,22 @@ const Filter = ({
 }) => {
   return (
     <div className="col-sm-6">
-      <div className="row gx-2">
-        <label
-          className="col-12 col-sm-auto col-form-label flex-grow-0"
-          htmlFor={`${filterType}-filter`}
-        >
-          {capitalizeFirstLetter(I18NextService.i18n.t(filterType))}
-        </label>
-        <SearchableSelect
-          id={`${filterType}-filter`}
-          options={[
-            {
-              label: I18NextService.i18n.t("all"),
-              value: "0",
-            },
-          ].concat(options)}
-          value={value ?? 0}
-          onSearch={onSearch}
-          onChange={onChange}
-          loading={loading}
-        />
-      </div>
+      <label className="mb-1" htmlFor={`${filterType}-filter`}>
+        {capitalizeFirstLetter(I18NextService.i18n.t(filterType))}
+      </label>
+      <SearchableSelect
+        id={`${filterType}-filter`}
+        options={[
+          {
+            label: I18NextService.i18n.t("all"),
+            value: "0",
+          },
+        ].concat(options)}
+        value={value ?? 0}
+        onSearch={onSearch}
+        onChange={onChange}
+        loading={loading}
+      />
     </div>
   );
 };
@@ -588,7 +583,7 @@ export class Search extends Component<any, SearchState> {
             />
           </div>
         </div>
-        <div className="row gx-5 gy-2 mb-3">
+        <div className="row gy-2 gx-4 mb-3">
           {hasCommunities && (
             <Filter
               filterType="community"