style: Fix style/spacing inconsistencies

open-craft · Dec 4, 2023 · e2c3987 · e2c3987
1 parent 21db528
commit e2c3987
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/content-tags-drawer/ContentTagsCollapsible.jsx b/src/content-tags-drawer/ContentTagsCollapsible.jsx
@@ -370,6 +370,7 @@ const ContentTagsCollapsible = ({ contentId, taxonomyAndTagsData, editable }) =>
               <SearchField
                 onSubmit={() => {}}
                 onChange={handleSearchChange}
+                className="mb-2"
               />
 
               <ContentTagsDropDownSelector

diff --git a/src/content-tags-drawer/ContentTagsCollapsible.scss b/src/content-tags-drawer/ContentTagsCollapsible.scss
@@ -19,6 +19,7 @@
 
 .taxonomy-tags-selectable-box-set {
   grid-auto-rows: unset !important;
+  grid-gap: unset !important;
   overflow-y: scroll;
   max-height: 20rem;
 }
diff --git a/src/content-tags-drawer/ContentTagsDropDownSelector.jsx b/src/content-tags-drawer/ContentTagsDropDownSelector.jsx
@@ -81,12 +81,12 @@ const ContentTagsDropDownSelector = ({
   return (
     <>
       {tags.map((taxonomyTag, i) => (
-        <div className="d-flex flex-column" key={`selector-div-${taxonomyTag.value}`} style={{ paddingLeft: `${level * 1}rem` }}>
+        <div className="d-flex flex-column" key={`selector-div-${taxonomyTag.value}`} style={{ paddingLeft: `${level === 0 ? '0' : '1' }rem` }}>
           <div className="d-flex">
             <SelectableBox
               inputHidden={false}
               type="checkbox"
-              className="taxonomy-tags-selectable-box"
+              className="d-flex align-items-center taxonomy-tags-selectable-box"
               aria-label={`${taxonomyTag.value} checkbox`}
               data-selectable-box="taxonomy-tags"
               value={[...lineage, encodeURIComponent(taxonomyTag.value)].join(',')}
@@ -125,9 +125,10 @@ const ContentTagsDropDownSelector = ({
       { nextPage && isTaxonomyTagsLoaded
         ? (
           <Button
-            style={{ marginLeft: `${level * 1}rem` }}
+            style={{ marginLeft: `${level === 0 ? '0' : '1' }rem` }}
             variant="outline-primary"
             onClick={loadMoreTags}
+            className="mt-1 mb-1"
           >
             <FormattedMessage {...messages.loadMoreTagsButtonText} />
           </Button>