search dropdown: add flex to button content

inveniosoftware · Aug 2, 2023 · 1196d35 · 1196d35
1 parent b340cb5
commit 1196d35
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/invenio_search_ui/assets/semantic-ui/js/invenio_search_ui/components/SearchDropdowns.js b/invenio_search_ui/assets/semantic-ui/js/invenio_search_ui/components/SearchDropdowns.js
@@ -60,7 +60,7 @@ export class DropdownSort extends Component {
         labeled
         item
         trigger={
-          <span>
+          <span className="flex align-items-center">
             {this.getCurrentlySelectedOption(parsedOptions).text}
             <Icon name="dropdown" />
           </span>
@@ -72,7 +72,7 @@ export class DropdownSort extends Component {
         selectOnNavigation={selectOnNavigation}
         selectOnBlur={false}
         size="large"
-        className="icon fluid-responsive"
+        className="icon fluid-mobile"
       />
     );
   }
@@ -124,7 +124,7 @@ export class DropdownFilter extends Component {
         item
         button
         trigger={
-          <span>
+          <span className="flex align-items-center">
             {filterLabel}
             <Icon name="dropdown" />
           </span>
@@ -134,7 +134,7 @@ export class DropdownFilter extends Component {
         selectOnBlur={false}
         value={null}
         loading={loading}
-        className="icon fluid-responsive"
+        className="icon fluid-mobile"
         {...uiProps}
       />
     );