EDSC-4329: Fixes icon padding, dropdown toggle variants

nasa · Feb 5, 2025 · b09158c · b09158c
1 parent f22fce1
commit b09158c
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/static/src/js/components/EDSCAlert/EDSCAlert.scss b/static/src/js/components/EDSCAlert/EDSCAlert.scss
@@ -10,7 +10,7 @@
 
   &__icon {
     font-size: 0.825rem;
-    margin-right: 0.75rem;
+    margin-right: 1.5rem;
     flex-shrink: 0;
   }
-}
+}
diff --git a/static/src/js/components/SearchForm/SearchForm.jsx b/static/src/js/components/SearchForm/SearchForm.jsx
@@ -344,7 +344,7 @@ class SearchForm extends Component {
             <SpatialSelectionDropdownContainer />
             <PortalFeatureContainer advancedSearch>
               <Button
-                bootstrapVariant="inline-block"
+                bootstrapVariant="light"
                 className="search-form__button search-form__button--dark search-form__button--advanced-search"
                 label="Advanced search"
                 onClick={this.onToggleAdvancedSearch}

diff --git a/static/src/js/components/SpatialDisplay/SpatialSelectionDropdown.jsx b/static/src/js/components/SpatialDisplay/SpatialSelectionDropdown.jsx
@@ -77,7 +77,7 @@ const SpatialSelectionDropdown = (props) => {
       className="spatial-selection-dropdown"
     >
       <Dropdown.Toggle
-        variant="inline-block"
+        variant="light"
         id="spatial-selection-dropdown"
         aria-label="spatial-selection-dropdown"
         data-testid="spatial-selection-dropdown"

diff --git a/static/src/js/components/TemporalDisplay/TemporalSelectionDropdownToggle.jsx b/static/src/js/components/TemporalDisplay/TemporalSelectionDropdownToggle.jsx
@@ -7,7 +7,7 @@ import EDSCIcon from '../EDSCIcon/EDSCIcon'
 
 const TemporalSelectionDropdownToggle = ({ onToggleClick }) => (
   <Dropdown.Toggle
-    variant="inline-block"
+    variant="light"
     id="temporal-selection-dropdown"
     aria-label="Open temporal filters"
     className="search-form__button search-form__button--dark"