[B] Fix spacing of vertical list filters

ManifoldScholar · Feb 5, 2024 · 78f5c1e · 78f5c1e
1 parent 8d37c24
commit 78f5c1e
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 7 deletions.
diff --git a/client/src/backend/components/list/EntitiesList/List/Search/index.js b/client/src/backend/components/list/EntitiesList/List/Search/index.js
@@ -230,8 +230,6 @@ class ListEntitiesListSearch extends PureComponent {
                       )}
                     >
                       {this.filterParams.map((param, i) => {
-                        const SelectLabel =
-                          i > 0 ? Styled.EmptySelectLabel : Styled.SelectLabel;
                         return (
                           <div
                             key={i}
@@ -240,11 +238,17 @@ class ListEntitiesListSearch extends PureComponent {
                             )}
                           >
                             <div>
-                              <SelectLabel>
-                                {i === 0
-                                  ? t("filters.labels.filter_results")
-                                  : "\u00A0"}
-                              </SelectLabel>
+                              {i === 0 ? (
+                                <Styled.SelectLabel>
+                                  {t("filters.labels.filter_results")}
+                                </Styled.SelectLabel>
+                              ) : (
+                                this.searchStyle === "horizontal" && (
+                                  <Styled.EmptySelectLabel>
+                                    {"\u00A0"}
+                                  </Styled.EmptySelectLabel>
+                                )
+                              )}
                               <div className="rel">
                                 <label
                                   htmlFor={`${id}-filter-${i}`}

diff --git a/client/src/theme/styles/components/backend/listEntity/entityListSearch.js b/client/src/theme/styles/components/backend/listEntity/entityListSearch.js
@@ -74,6 +74,7 @@ export default `
       &--vertical {
         display: block;
         margin: 0;
+        padding-block-start: 30px;
       }
     }
 
@@ -92,6 +93,10 @@ export default `
           }
           padding-top: 30px;
         }
+
+        & + & {
+          margin-block-start: 30px;
+        }
       }
 
       ${respond(`flex: 0 0 33.333%;`, 60)}