fix: better matcher expander

Signed-off-by: mathis-m <[email protected]>
swagger-api · Jan 20, 2021 · 1f34534 · 1f34534
1 parent 7ec9375
commit 1f34534
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/core/plugins/advanced-filter/components/matcher/matcher-multi-select.jsx b/src/core/plugins/advanced-filter/components/matcher/matcher-multi-select.jsx
@@ -28,19 +28,19 @@ export class MatcherMultiSelect extends React.Component {
     }
     return (
       <div className="matcher-multi-select-wrapper">
+        <div className={classNames.join(" ")}>
+          {matcherSelectOptionComponents}
+        </div>
         <button
           className={btnClassNames.join(" ")}
           title={this.state.showSelect ? "Collapse matchers" : "Expand matchers"}
           onClick={this.onClick}>
 
-          <svg className="arrow" width="20" height="20">
-            <use href={this.state.showSelect ? "#large-arrow" : "#large-arrow-down"}
-                 xlinkHref={this.state.showSelect ? "#large-arrow" : "#large-arrow-down"} />
+          <svg className="arrow" width="20" height="20" transform={this.state.showSelect ? "rotate(180)" : "rotate(0)"}>
+            <use href="#large-arrow"
+                 xlinkHref="#large-arrow" />
           </svg>
         </button>
-        <div className={classNames.join(" ")}>
-          {matcherSelectOptionComponents}
-        </div>
       </div>
     )
   }